WEB/HTML

[HTML] select 와 textarea

Sh-YE 2024. 4. 21. 14:03

select  : 다수의 옵션(선택지)을 포함할 수 있는 선택메뉴

              메뉴안에 포함되는 옵션은 option태그를 사용해 표시한다

  - multiple : 다수선택가능

  - selected: 기본값으로 선택된 값

 

textarea : 여러 줄의 일반텍스트를 입력할 수 있는 입력요소

                (*input에는 한줄밖에 쓸 수 없음)

  - name: 식별자 지정

  - row : 열지정 , cols: 한줄에 들어가는 글자수지정 (언어에 따른 차이존재)

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>다양한 입력 요소 만들기</title>
  </head>  
    <body>
       <select name="pet" multiple>
            <option value="dog">강아지</option>
            <option value="cat" selected>고양이</option>
            <option value="hamster">햄스터</option>
            <option value="parrot">앵무새</option>
       </select>
       <br>
       <textarea name="content"
       row="10" cols="10">
        기본적으로 쓰여있는 텍스트
       </textarea>
    </body> 
</html>