공부하자/HTML

textarea 태그/ select 태그 / fieldset 태그 / legend 태그

YoBot 2017. 4. 18. 23:45

textarea 태그

아래 예제를 보면 쉽게 이해할 수 있다.

 

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

 

select 태그

속성 이름

설명

select

선택 양식을 생성한다.

optgroup

옵션을 그룹화한다.

option

옵션을 생성한다.

multiple

한번에 옵션을 확인할 수 있다.

 

아래 예제를 보면 쉽게 이해할 수 있다.

 

<select>

  <option>옵션박스1</option>

  <option>옵션박스2</option>

  <option>옵션박스3</option>

  <option>옵션박스4</option>

</select>

 

 

 

<select multiple="multiple">

  <option>옵션박스1</option>

  <option>옵션박스2</option>

  <option>옵션박스3</option>

  <option>옵션박스4</option>

</select>

 

 

 

응용 버전

 

 

<select>

  <optgroup label="optgroup label1">

    <option>옵션박스1</option>

    <option>옵션박스2</option>

    <option>옵션박스3</option>

  </optgroup>

  <optgroup label="optgroup label2">

    <option>옵션박스1</option>

    <option>옵션박스2</option>

    <option>옵션박스3</option>

  </optgroup>

</select>

 


fieldset 태그 와 legend 태그

아래 예제를 보면 쉽게 이해할 수 있다.


 

 

<from>

<fieldset>

<legned>legned 태그</legned>

<table>

<tr>

<td><label for="name"> 이름</label></td>

<td><input id="name" type="text" /></td>

</tr>

<tr>

<td><label for="mail"> 이메일 </label></td>

<td><input id="mail" type="email" /></td>

</tr>

</fieldset>

</from>