반응형
한 줄 요약
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>
반응형
'HTML↗' 카테고리의 다른 글
| HTML 언어 정리 (1) | 2024.06.03 |
|---|---|
| Web Application의 구조 및 자바 환경변수 설정, 톰캣 설정 (0) | 2024.06.03 |
| HTML input(인풋) 태그 (가장 많이 사용하게 될..) (0) | 2024.04.05 |
| HTML 목록 표시하기 (1) | 2024.04.05 |
| HTML 링크(link) <a>태그 (0) | 2024.04.05 |