代碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>datalist</title>
</head>
<body>
<input id="address" list="addressList">
<datalist id="addressList">
<option value="北京"></option>
<option value="上海"></option>
<option value="深圳"></option>
</datalist>
</body>
</html>
上述代碼中,
第9行代碼定義id值為address,list屬性為addressList的input元素;
第10~14行代碼定義id值為addressList的datalist元素,使得該元素與input元素綁定到一起。文章來源:http://www.zghlxwxcb.cn/news/detail-814403.html
運行效果
< datalist >標(biāo)簽用于定義輸入域的選項列表,通過id屬性與< input >標(biāo)簽關(guān)聯(lián),用來配合定義< input >標(biāo)簽可能的值。列表通過< datalist >標(biāo)簽嵌套< option >標(biāo)簽來創(chuàng)建。文章來源地址http://www.zghlxwxcb.cn/news/detail-814403.html
到了這里,關(guān)于響應(yīng)式Web開發(fā)項目教程(HTML5+CSS3+Bootstrap)第2版 例4-7 datalist的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!