<input type="date"/><br>
<input type="number"/><br>
<input type="range"/><br>
<input type="color"/><br>
<select>
<optgroup label="港台歌手">
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
</optgroup>
<optgroup label="欧美歌手">
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
</optgroup>
</select><br>
<input type="text" list="car"/>
<datalist id="car">
<option value="奥迪">奥迪</option>
<option value="奥拓">奥拓</option>
<option value="宝马">宝马</option>
<option value="奔驰">奔驰</option>
<option value="兰博">兰博基尼</option>
<option value="劳斯">劳斯莱斯</option>
<option value="大众">大众</option>
<option value="宾利">宾利</option>
<option value="法拉">法拉利</option>
</datalist>
<input type="number"/><br>
<input type="range"/><br>
<input type="color"/><br>
<select>
<optgroup label="港台歌手">
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
</optgroup>
<optgroup label="欧美歌手">
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
<option>溜溜</option>
</optgroup>
</select><br>
<input type="text" list="car"/>
<datalist id="car">
<option value="奥迪">奥迪</option>
<option value="奥拓">奥拓</option>
<option value="宝马">宝马</option>
<option value="奔驰">奔驰</option>
<option value="兰博">兰博基尼</option>
<option value="劳斯">劳斯莱斯</option>
<option value="大众">大众</option>
<option value="宾利">宾利</option>
<option value="法拉">法拉利</option>
</datalist>
本文通过具体实例展示了HTML中不同输入类型及选项选择等元素的应用,包括日期选择、数字输入、范围滑块、颜色选择器、下拉选项以及带有预定义选项列表的文字输入框。

2万+

被折叠的 条评论
为什么被折叠?



