具有隐藏值的datalist选项

时间:2015-12-02 21:51:02

标签: html5 user-interface

我有这样的标准datalist

Building:
<input type=text id=building list=buildings>
<datalist id=buildings>
  <option value="b1234">Long name</option>
  <option value="b372">Other long name</option>
</datalist>

我的目标是只向用户显示长名称,但要在表单提交时发送短名称。 (短名称对最终用户来说毫无意义,但长名称经常变化,并且是信息交换的不良选择。)

我怎样才能做到这一点?我可以使用label s,然后显示无意义的短名称,这就是我想要避免的。

我正在寻找符合标准的解决方案,该解决方案适用于流行的浏览器,并且在没有Javascript的情况下会优雅地降级。 (也许只显示短名称,或者两者都是。)

0 个答案:

没有答案