Input, select, textarea 태그

Input 태그

- 사용자에게 정보를 입력받을 수 있게 해주는 태그

속성

- type : 입력할 타입 ex) text, number, hidden, radio, checkbox

- name : form 전송시 넘겨줄 이름

- required : form 전송시 빈칸 방지

- readonly : 입력하지 못하게 막아줌

- hidden : 보이지 않게해줌

사용법

<input type="text" name="ID" hidden required readonly>

select 태그

- 미리 정해둔 여러 옵션을 선택할 수 있게 하는 태그

속성 (select태그는 주로 아래 두 속성만 사용)

- name : form 전송시 넘겨줄 이름

- required : form 전송시 미선택 방지

사용법

<select name="성별" required>
    <option>남성</option>
    <option>여성</option>
</select>

textarea 태그

- 줄바꿈이 불가능한 input 태그와달리 줄바꿈 가능하고 텍스트 입력이 보다 더 자유로움

속성

- name : form 전송시 넘겨줄 이름

- rows : 입력할 기본 줄 수

- cols : 한줄에 입력할 기본 글자 수

사용법

<textarea rows="10" cols="200"></textarea>