선택 목록 상자 혹은 콤보 박스라고도 한다. 몇 개의 선택지를 노출시키고 하나를 선택하게끔 하는 요소로 리스트 태그와 비슷하다. select태그의 자식태그로 option태그가 들어온다.
option태그에는 selected라는 속성이 있는데,<input type="radio">
혹은 <input type="radio">
에 쓰였던 checked와 동일한 기능이다.
사는 지역 : 서울 부산 대구 제주
사는 지역 : <select>
<option>서울</option>
<option>부산</option>
<option>대구</option>
<option selected>제주</option>
</select>
이처럼 아무 동작도 하지 않았어도 selected로 설정해놓은 요소를 처음 띄워준다.
사용자에게 여러 줄의 텍스트를 입력받고자 할 때 사용되는 태그이다
자기 소개 : <textarea cols="20" <!--영문 기준 한 줄에 표현되는 글자 수--> rows="3" <!--화면에 보이게 될 글자 줄 수--> palceholder="자기소개는 짧게 해주세요."> </textarea>
textarea 에서도 placeholder속성을 쓸 수 있다.
사용자가 클릭 가능한 버튼을 만들어준다. submit, reset, button 세가지 type이 있다. input type과 butto요소들의 type은 각각 같은 역할을 하는 type들이다. 단, button요소는 빈태그가 아니라서 태그 안에 내용을 직접 넣을 수 있기 때문에 스타일적인 측면에서 더 자유로운 표현이 가능하다.
<button type="submit">전송</button>
전송