<input> 태그에서는 주로 한줄 데이터를 type에 의해 다양한 방 입력 받았습니다.

<form> 양식을 전송할 때는 <input> 태그 말고 다양한 요소를 사용할 수 있습니다.

Textarea

<textarea>는 여려줄의 데이터를 입력받을 수 있습니다.

<textarea id="story" name="story" rows="5" cols="33">
It was a dark and stormy night...
</textarea>

속성

• rows - 화면에 표시되는 행수를 지정합니다.
• cols - 화면에 표시되는 컬럼 수를 지정합니다.

Select

<select> 태그는 옵션 메뉴를 제공합니다. <option> 태그로 각 항목을 나타내며 <select>태그는 <option>태그를 감싸줍니다.

<select name="goods" id="goods">
  <option value="10kg">사과 10kg</option>
  <option value="20kg" selected>사과 20kg</option>
  <option value="30kg">사과 30kg</option>
  <option value="40kg">사과 40kg</option>
  <option value="50kg">사과 50kg</option>
</select>

옵션 안에 있는 내용은 사용자 화면에 보여주는 내용이며 실제 서버로 전송되는 값은 value안의 값입니다.

속성

• selected 해당 속성은 현재 <select> 요소에서 선택된 항목(<option>)을 가리킵니다.

datalist

다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 <option> 요소 여럿을 담습니다.