html5输入框自动提示(下拉列表)

输入”1″ 试试:

用HTML5的输入列表属性和datalist元素,可以轻松地设置一个自动提示的输入框,不需要依赖jQuery或JavaScript。代码如下:

[php]
<input list="pasta">

<datalist id="pasta">
<option>11</option>
<option>112343</option>
<option>156789</option>
<option>2456681</option>
<option>23213242</option>
<option>23413221</option>
<option>1232132123</option>
<option>236791231</option>
<option>111111</option>
<option>5353531785</option>
</datalist>
[/php]

: 与label 的 for 属性类似,单击姓名标签,焦点自动移入输入框中:

[php]
<label for="username">姓名</label>
<input id="username" type="text" />
[/php]

浏览器支持:
Chrome31+
IE10+
Firefox 34+
Opera 26+
Safari 是目前唯一不支持的浏览器

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注