【H5】H5新增表单元素-datalist

datalist input输入后根据输入内容可选择的列表

<input type="text" list="serach_list">
      <dataList id="serach_list">
        <option value="value01" label="data01"></option>
        <option value="value02" label="data02"></option>
        <option value="value03" label="data03"></option>
      </dataList>

谷歌下效果

                 

         火狐下效果（隐藏value）

当input中存在验证时，option中的元素需要符合要求才能显示出来

 <input pattern="^(\+86)?1\d{10}$" list="serach_list">
      <dataList id="serach_list">
        <option value="15266666666" label="data01"></option>
        <option value="1" label="data02"></option>
        <option value="2" label="data03"></option>
      </dataList>