select, option 태그
select
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<form action="atest.html" method="get" >
<select name="drink">
<option value="coffee">Coffee</option>
<option value="water">Water</option>
<option value="tea">Tea</option>
<option value="cola">Cola</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
autofocus, name
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<form action="atest.html" method="get" >
<select name="drink" autofocus>
<option value="coffee">Coffee</option>
<option value="water">Water</option>
<option value="tea">Tea</option>
<option value="cola">Cola</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
disabled
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<form action="atest.html" method="get" >
<select name="drink" disabled>
<option value="coffee">Coffee</option>
<option value="water">Water</option>
<option value="tea">Tea</option>
<option value="cola">Cola</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
size
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<form action="atest.html" method="get" >
<select name="drink" size="3">
<option value="coffee">Coffee</option>
<option value="water">Water</option>
<option value="tea">Tea</option>
<option value="cola">Cola</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
option-disabled
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<form action="atest.html" method="get" >
<select name="drink">
<option value="coffee">Coffee</option>
<option value="water" disabled>Water</option>
<option value="tea">Tea</option>
<option value="cola">Cola</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
option-label
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<form action="atest.html" method="get" >
<select name="drink1">
<option label="Coffee">CoffeeCoffeeCoffeeCoffee</option>
<option label="Water">WaterWaterWater</option>
<option label="Tea">TeaTeaTeaTea</option>
<option label="Cola">ColaColaColaCola</option>
</select>
<select name="drink2">
<option label="Coffee" value="coffee">CoffeeCoffeeCoffeeCoffee</option>
<option label="Water" value="water">WaterWaterWater</option>
<option label="Tea" value="tea">TeaTeaTeaTea</option>
<option label="Cola" value="cola">ColaColaColaCola</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>
option-selected
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<form action="atest.html" method="get" >
<select name="drink">
<option value="coffee">Coffee</option>
<option value="water" selected>Water</option>
<option value="tea">Tea</option>
<option value="cola">Cola</option>
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>