47 lines
961 B
HTML
47 lines
961 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>
|
||
|
|
HTML5 form input datalist 3
|
||
|
|
</title>
|
||
|
|
</head>
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<form action="demo_form.asp" method="get">
|
||
|
|
<p>Select the city 1
|
||
|
|
<input type="text" name="acity" list="acity">
|
||
|
|
<select id="acity">
|
||
|
|
<option value="Boston">Boston</option>
|
||
|
|
<option value="Cambridge">Cambridge</option>
|
||
|
|
</select>
|
||
|
|
<input type="submit">
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<form action="demo_form.asp" method="get">
|
||
|
|
<p>Select the city 2
|
||
|
|
<input type="text" name="cityname" list="cityname">
|
||
|
|
<datalist id="cityname">
|
||
|
|
<option value="Boston">
|
||
|
|
<option value="Cambridge">
|
||
|
|
</datalist>
|
||
|
|
<input type="submit">
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<form action="demo_form.asp" method="get">
|
||
|
|
<p>Select browser
|
||
|
|
<input type="text" list="browsers" name="browser">
|
||
|
|
<datalist id="browsers">
|
||
|
|
<option value="Internet Explorer">
|
||
|
|
<option value="Firefox">
|
||
|
|
<option value="Chrome">
|
||
|
|
<option value="Opera">
|
||
|
|
<option value="Safari">
|
||
|
|
</datalist>
|
||
|
|
<input type="submit">
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|