HTML select / textarea

메타플랫폼대표
|2024. 4. 5. 11:54
반응형

한 줄 요약

 

select : <select name="이름">

<option value="">옵션명</option>

</select>

 

textarea : <textarea name="ta" cols="세로 길이" rows="가로 길이">
</textarea>

 


 

 

-select 사용

<body>

    <select name="lunch">
        <option value="">햄버거</option>
        <option value="">피자</option>
        <option value="">파스타</option>
        <option value="">짬뽕</option>
        <option value="">짜장면</option>
    </select>

</body>

 

-내가 무슨 음식을 선택했는지 알려면??

-name이 lunch인 것들 중에서 value 값이 hamburger인 햄버거를 선택한다 (value 값 지정)

    <select name="lunch">
        <option value="hamburger">햄버거</option>
        <option value="pizza">피자</option>
        <option value="pasta">파스타</option>
        <option value="jjampong">짬뽕</option>
        <option value="jjajang">짜장면</option>
    </select>

 

 

-선택지가 필요없는 항목은 value값을 지정해주지 않고 작성한다.

    <select name="telecome" id="telecome">
        <option>통신사</option>
        <option value="skt">SKT</option>
        <option value="kt">KT</option>
        <option value="lg">LG</option>
    </select>

 

<!DOCTYPE html>
<html>

<head>
    <title>select 태그</title>
</head>

<body>

    <select name="telecome" id="telecome">
        <option>통신사</option>
        <option value="skt">SKT</option>
        <option value="kt">KT</option>
        <option value="lg">LG</option>
    </select>

    <select name="number" id="number">
        <option value="010">010</option>
        <option value="011">011</option>
        <option value="012">012</option>
        <option value="013">012</option>
        <option value="014">012</option>
        <option value="015">012</option>
    </select>

    <input type="number1" placeholder="휴대번호를 입력하세요."><br>

    <select name="telecome" id="telecome">
        <option>통신사</option>
        <option value="skt">SKT</option>
        <option value="kt">KT</option>
        <option value="lg">LG</option>
    </select>
    <select name="number" id="number">
        <option value="010">010</option>
        <option value="011">011</option>
        <option value="012">012</option>
        <option value="013">012</option>
        <option value="014">012</option>
        <option value="015">012</option>
    </select>
    <input type="number2" placeholder="전화번호를 입력하세요."><br>

</body>

</html>

 

 


 

 

-textarea 텍스트 영역 생성

    <textarea name="ta" cols="20" rows="10">
    </textarea>

 

반응형