ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [HTML] select 와 textarea
    WEB/HTML 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>

     

    'WEB > HTML' 카테고리의 다른 글

    [HTML] meta 태그  (0) 2024.04.23
    [HTML] form  (0) 2024.04.21
    [HTML] 입력  (0) 2024.04.19
    [HTML] 목록  (0) 2024.04.19
    [HTML] 링크  (0) 2024.04.19
Designed by Tistory.