본문 바로가기

input10

HTML 태그 한 눈에 정리하기 2 에서 사용하는 태그 폼의 시작과 끝은 만든다. 폼 요소를 그룹으로 묶는다. 필드셋에 제목을 붙인다. 사용자가 내용을 입려할 필드를 삽입한다. , 드롭다운 목록을 삽입한다. 텍스트를 여러 줄 입력할 수 있는 텍스트 영역을 삽입한다. 2023. 2. 20.
2월 17일 (2) HTML - input가 아닌 입력 태그 input이 아닌 입력 태그들 기타 입력 태그(와 관련 속성들) p154 1. textarea : 여러 줄의 문장(문자열)을 입력받는 요소용 태그 크기 지정 속성 rows : 높이(세로) 길이 지정, 줄, 라인 cols : 너비(가로) , 길이 지정, 글자 수 시작태그와 종료 태그 사이에 값을 전송(value 안 씀!) 공간의 크기를 변경할 수 있다.(기본값) 크기 변경 무효 : style="resize: none;" 여기에 쓰는 내용이 전송됩니다. 띄어쓰기를 하면 화면상 파란색 부분의 공백이 생긴다. 끊어서 코딩하고 싶으면 >를 포함해서 가지고 내려간다. 여기에 쓰는 내용이 전송됩니다. 크기 지정을 하고 쓴다. 지정한 크기 범위를 넘어갈 경우 자동으로 줄 바꿈이 되고 스크롤이 생긴다. 노란색 부분을 마.. 2023. 2. 17.
2월 17일 (1) HTML - input type 속성 태그 type속성 속성값에 따라 다양한 입력 형태를 활용할 수 있다. 날짜 관련 type data, month, week, time, datetime-local 숫자 입력 형태의 부가속성 1. min : 최소값을 설정, 설정한 값 미만의 값 입력 불가 2. max : 최대값을 설정, 설정한 값 초과의 값 입력 불가 날짜 및 시간 지정 형식 yyyy-mm-dd : y 연도형식, m 월 형식, d 일 형식 표시에 맞추어서 날짜 최소, 최대값을 지정해야 한다. 시간입력 : name 값을 지정해 주었을 때, 데이터가 전달되는 모습 datetime-local 해당 나라에 맞추어서 연-월-일-시간순 다른 나라에서 사용 시 월-일-연도-시간 순으로 나타난다. html 시계 표시에서는 초는 다루지 않는다. 날짜와 시간.. 2023. 2. 17.
2월 16일 (2) HTML - 입력 양식 작성하기 입력 양식 작성하기 form 태그 사이트에 사용자가 정보(데이터)를 입력할 수 있는 요소를 묶는 역할 사이트의 back-end로 데이터를 전송하는 목적으로 활용한다. 서버로 넘기는 영역까지가 form의 역할이다. html 페이지에서 html 페이지로의 데이터 전송은 할 수 없다. 전송처리 관련 기술 : php, asp, jsp 등 사용하는 방법 주요 속성 p 123 1. action : 입력 데이터를 보낼 back-end의 식별정보 2. method : get/post방식을 지정하는 속성 3. name : 자바스크립트 코드(프로그램) 부분에서 해당 form부분을 제어할 때 활용하는 식별 값 지정 관련 태그들 p 130 입력란을 만드는 태그, inline 요소를 가지고 있다. 입력태그의 모양을 결정하는 속.. 2023. 2. 16.