๐ HTML,CSS
HTML&CSS 9์ผ์ฐจ (์ ๋ฆฌx)
Genie_.
2024. 3. 23. 21:56
728x90
๋ฐ์ํ
<!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>
728x90
๋ฐ์ํ