小编use*_*984的帖子

HTML表单:Select-Option vs Datalist-Option

我想知道Select-Option和Datalist-Option之间的区别.是否存在使用其中一种更好的情况?每个例子如下:

选择 - 选项

<select name="browser">
<option value="firefox">Firefox</option>
<option value="ie">IE</option>
<option value="chrome">Chrome</option>
<option value="opera">Opera</option>
<option value="safari">Safari</option>
</select>
Run Code Online (Sandbox Code Playgroud)

数据列表,期权

<input type=text list=browsers>
<datalist id=browsers>
  <option value="Firefox">
  <option value="IE">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
Run Code Online (Sandbox Code Playgroud)

forms html5 html-select html-datalist

122
推荐指数
3
解决办法
11万
查看次数

如何使html表单datalist选项的显示和值不同?

如何使html格式数据列表选项的显示和值不同?

例如,对于select-option字段,我可以写: <option value="Fake">Sample</option>显示"Sample",但"Fake"是发布的值.

对于数据列表,<option value="Sample" />"Sample"既显示又用作过帐值.

我怎样才能这样做,以便我可以在数据列表中发布Sample的不同值?谢谢!

我需要这个,所以我可以从MySQL动态填充datalist,例如在使用ID时显示名称<option value="2">Bob</option>(如果这是一个select-option字段而不是数据库字段).


我发现我可以使用它<option value="Fake" label="Sample"/>,它会将它隐藏在Firefox中,但Opera仍会同时显示Value和Label.任何人都有任何进一步的想法显示Sample,但隐藏假?

forms html5 html-datalist

5
推荐指数
1
解决办法
2562
查看次数

标签 统计

forms ×2

html-datalist ×2

html5 ×2

html-select ×1