1.textarea
폼에서 텍스트를 여러 줄 입력해야 할 경우 텍스트 영역을 지정하는 태그.
[속성]
- cols : 텍스트 영역의 가로 너비를 문자 단위로 지정함.
- rows : 텍스트 영역의 세로 높이를 줄 단위로 지정함. 만약 지정한 숫자보다 줄 개수가 많아지면 스크롤 막대가 생긴다.
-minlength : 최소 입력 문자 개수를 지정함. 텍스트를 입력할 수 있는 필드라면 어디든 쓸 수 있는 속성.
-maxlength : 최대 입력 문자 개수를 지정함. 텍스트를 입력할 수 있는 필드라면 어디든 쓸 수 있는 속성.
2.select,option
: 드롭다운 목록을 만들때 쓰는 태그. '셀렉트 박스'라고도 부른다. 사용자가 내용을 입력하지 않고 여러 옵션 중 어떤 항목을 선택하게 할때 사용하는 태그. 쇼핑몰과 같은 곳에서 많이 사용하는 태그.
드롭 다운 목록은 select태그의 option태그를 넣어서 항목을 지정할 수 있다.
[속성]
-size : 화면에 표시할 드롭다운 항목의 개수를 지정함.
-multiple : 다중 선택 드롭다운 목록을 만들때 select태그에 지정함.
-selected : 드롭다운 메뉴에서 먼저 보여주고 싶은 항목에 지정함. 해당 옵션이 먼저 선택되어 보여짐.
-value : 해당 항목을 서버로 넘길때 저장할 값을 지정함.
3.datalist, option
datalist 요소는 사용자가 input 요소에 데이터를 입력할 때 미리 정의된 옵션을 드롭다운 리스트로 보여줌으로써 자동 완성 기능을 제공한다.
: 데이터 목록을 사용하면 텍스트 필드에 값을 직접 입력하지 않고 미리 만들어 놓은 값 중에서 선택할 수 있다.
자식태그로 option태그를 사용한다.
이때 value속성을 이용해 서버로 넘겨줄 값을 지정하는데 이 값이 텍스트필드에 나타남. id선택자를 사용해서 데이터의 어떤 목록을 연결할지 값을 지정하면됨.
4.button
:버튼을 만드는 양식태그. input type="submit"이나 "button", "reset"과 같은 역할을 하고 모양도 똑같다.
하지만 input보다는 button태그를 일반적으로 제일 많이 사용함. button태그는 일반 태그로, 태그안에 이미지도 넣을 수 있고 스타일도 다양하게 지정할 수 있어 많이 사용함. 기본값은 submit이다.
[속성]
-submit : 서버로 폼안의 정보를 넘김
-reset : 사용자가 입력한 내용을 초기화함.
-button : 기능없는 버튼. 자바스크립트로 기능을 넣을 수 있다.
