[HTML/CSS] 입력양식 관련 태그 textarea, select, option

textarea

여러줄을 입력할수 있는 텍스트 상자

<form action="test.do">
    <fieldset>
        <legend>글작성</legend>
        글 제목 : <input type="text" name="title" size="30"> <br>
        글 내용 : <textarea name="content" cols="30" rows="10" style="resize:none;"></textarea>
        <!--resize:none 텍스트창 고정-->
        <input type="submit" value="전송하기">
    </fieldset>
</form>

 

select / option

제시한 옵션들 중 선택하는 태그

제출 시 선택된 selected 값이 서버에 넘어간다

  - option에 value값을 명시했을 경우 : value값

  - 명시하지 않았을 경우 : option 태그의 content 영역(시작태그와 종료태그 사이)의 값

<form action="test.do">
    지금 기분:
    <select name="feel" id="feel">
        <option value="vg">매우 좋음</option>
        <option value="g">좋음</option>
        <option value="ss">보통</option>
        <option value="ng">나쁘지 않음</option>
        <option value="b">나쁨</option>
    </select>

    <br><br>

    <h3>HTML5에서 추가된 기능 datalist</h3>
    <!-- 목록에 없더라도 직접 기술해서 넘길 수 있다 -->
    <input type="text" list="feellist">

    <datalist id="feellist">
        <option value="verygood"></option>
        <option value="good"></option>
        <option value="soso"></option>
        <option value="notgood"></option>
        <option value="bad"></option>
    </datalist>
</form>