请问老师关于option

请问老师我自己测试datalist标签中使用option的value值和标签中比如
option value=789>我是123</option>
为什么选中会出现789？不是说value是提交给服务器的值吗，不是应该显示的是我是123吗
而在select标签中使用这个例子却显示我是123，请问option在select和datalist中的用法不一致吗。为什么同一个标签value值会造成的影响不同？

hy_wang 2018-04-21

源自：项目：HTML5表单验证 2-6 html5基本表单验证特性演示

收起

2回答

樱桃小胖子 2018-04-22 12:57:33

这是因为<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据，既然是作为传输的数据，当然显示的是value中的内容，希望可以帮到你！

收起回答

提问者 hy_wang #1

请问老师我测下面代码为什么第一个option在detalist中同时显示value和中间的值？一个是左边一个在右边显示？

2018-04-22 21:46:47
樱桃小胖子回复提问者 hy_wang #2

这是datalist的特殊性，select标签是双标记标签，而datalist是单标记标签，datalist中的option值的value是必不可少的，因此你下面的代码正确写法应该是<input type="text" name="aaa" list="one"> <datalist id="one"> <option value="5"> <option value="6"> </datalist>

2018-04-23 10:18:37

提问者 hy_wang 2018-04-21 17:33:57

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>IMOOC</title>
 
</head>
<body>
  <input type="text" name="aaa" list="one">
  <datalist id="one">
  <option value="5">53456467</option>
  <option >468786</option>
  </datalist>
  <select>
  <option value="5">53456467</option>
  <option >468786</option>
  </select>
</body>
</html>