代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>105-107</title>
</head>
<body>
<form action="">
颜色<input type="color" name="">
邮箱<input type="email" name="" autofocus>
网址<input type="url" name="" required>
电话<input type="tel" name="">
滑块<input type="range" name="" max="" min="" value="" step="10"><!-- value-初始值 -->
数字<input type="number" name="" max="" min="" value="" step="10"><!-- value-初始值 -->
搜索<input type="search" name="" multiple>
日期<input type="date" name="">
月份<input type="month" name="">
周数<input type="week" name="">
精确时间<input type="datetime-local" name="">
<input type="submit" value="好了">
</form>
<hr>
<input type="text" list="123">
<datalist id="123">
<option value="sj"></option>
<option value="sb"></option>
<option value="sh"></option>
<option value="sw"></option>
<option value="sz"></option>
<option value="sx"></option>
</datalist>
</body>
</html>