DAY 3. <form>에서 사용하는 tag

<textarea>	- text를 여러 줄 입력하는 영역 만들 때.      cf, <form type="text">는 한 줄짜리 text 입력 영역이었음!      ex, 게시판 글 입력, 회원가입 양식 內 사용자 약관
cols	- <textarea>의 가로 너비 (글자 수 단위로) 지정. (기준: English)
rows	- <textarea>의 세로 길이 (줄 단위로) 지정. - 지정한 숫자보다 줄 개수 많아지면 scroll rod 생김.

 

 

<select>	- drop down 목록 시작, 끝 표시.
size	- 화면에 표시할 drop down 항목 개수 지정.
multiple	- drop down에서 둘 이상의 항목 선택할 때.

 

 

<option>	- <select>와 <datalist>의 하위 tag. - drop down의 원하는 항목 추가.
value	- <option> tag의 속성. - client가 선택한 게 뭔지 server로 넘겨줌.
selected	- drop down 메뉴 삽입할 때 default로 선택해 보여줄 항목 지정.

 

 

<datalist>

- data 목록의 시작, 끝 표시. - 하위 tag로 <option> 사용해 각 data 옵션 표시함.

 

 

<button>	- form을 submit, reset하는 버튼 삽입.      cf, <input type="button">과 비슷하지만 다름. - 아무 속성을 안 쓰면 자동으로 submit으로 인식함. - screen reader(화면 낭독기)로 웹 문서 읽을 때 버튼이 있음을 전달함. - form에서만이 아니라 버튼이 필요한 웹 문서의 어느 위치에든 다양하게 활용 可. - content 포함 가능해서 icon 추가, CSS로 꾸미기 可.
submit	- 버튼 활성화 되면 submit 동작하라고 지정. - <input type="submit">과 같은 기능.
reset	- 버튼 활성화 되면 reset(초기화) 동작하라고 지정. - <input type="reset">과 같은 기능.
button	- 버튼 형태만 만듦. 자체 기능 ×. - <input type="button">과 같은 기능.