기타 입력 폼 태그

 

textarea 태그

속성값	내용
rows	태그의 높이 지정
cols	태그의 너비 지정

 

<textarea rows="4" cols="50">내용입력</textarea>

 

---

select 태그

여러 목록에서 몇 가지를 선택할수 있는 입력 폼

태그	내용	비고
<select> </select>	선택 폼 생성	<select multiple = "multiple"> 여러 목록 선택
<option> </option>	옵션 생성
<optgroup> </optgroup>	옵션 그룹 생성	<optgroup label = ”그룹1">

 

    <select>
        <optgroup label="축구선수">
            <option>펠레</option>
            <option>메시</option>
            <option>호나우도</option>
        </optgroup>
        <optgroup label="농구선수">
            <option>마이클조던</option>
            <option>코비</option>
            <option>르브론</option>
        </optgroup>
    </select>

---

fiieldset 태그

태그	내용	비고
<fieldset> </fieldset>	하나의 그룹으로 묶은 요소들의 주변으로 박스 모양의 선을 그림
<legend> </legend>	<fieldset> 요소의 캡션(caption)을 정의	fieldset 태그 내부에서만 사용 가능

 

    <form>
        <fieldset>
            <legend>가입양식</legend>
            <table>
                <tr>
                    <td> <label for="name">이름</label> </td>
                    <td> <input id="name" type="text"/> </td>
                </tr>
                <tr>
                    <td> <label for="email">이메일</label> </td>
                    <td> <input id="email" type="email"/> </td>
                </tr>
            </table>
            <input type="submit"/>
        </fieldset>
    </form>

---