<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>๊ทธ์ธ ๋ฑ๋ฑ</title>
</head>
<body>
<form action="240313_์ค์ต2.html">
<label>
<select name="phone" id="">
<option selected disabled>ํต์ ์ฌ</option> <!-- disabled : ์ ํ ๋ถ๊ฐ -->
<option value="1">LG</option> <!-- selected : ๋ฏธ๋ฆฌ ์ ํ๋์ด์์ -->
<option value="2">KT</option> <!-- value ๊ฐ์ ๋ฃ๊ฒ๋๋ฉด value ๊ฐ์ด ํ๋ผ๋ฏธํฐ์ ๋ณด์ -->
<option value="3">SKT</option>
</select>
</label>
ํ๋ก๊ทธ๋๋ฐ์ธ์ด ์ ํ <!-- ์ฒดํฌ๋ฐ์ค ์ฌ๋ฌ๊ฐ๋ก ์ด๋ฆ(ํ๋ผ๋ฏธํฐ) ๊ฐ๊ฒ ๋ณด๋ด๊ณ ์ถ์ผ๋ฉด, name value ์ ๊ฒฝ์ฐ๊ธฐ -->
C <input type="checkbox" name="program" value="c">
Python <input type="checkbox" name="program" value="python">
Java <input type="checkbox">
<input type="submit" value="์ ์ก!">
<br>
<input type="text" list="my-list">
<datalist id="my-list">
<option value="1">์ต์
1</option> <!-- ์น ๋ธ๋ผ์ฐ์ ๋ง๋ค ๋ค๋ฅด๊ฒ ๋ณด์, ์ ์ฐ์ด์ง ์์(๋์์ธ ์ ํ์ ) -->
<option value="2">์ต์
2</option>
<option value="3">์ต์
3</option>
<option value="4">์ต์
4</option>
</datalist>
</form>
</body>
</html>
'๐ Academy. > HTML,CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
HTML&CSS 11์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |
---|---|
HTML&CSS 10์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |
HTML&CSS 8์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |
HTML&CSS 7์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |
HTML&CSS 6์ผ์ฐจ (์ ๋ฆฌx) (0) | 2024.03.23 |