H5新增表单标签

目录

1.下拉选择框：

2.按钮标签：

3.输入框新属性：

4.输入框之type属性值

---

 

1.下拉选择框：

                     <input type=“text”list="id值">

                      <datalist id="id值">

                                     <option value="要显示的文字"></option>

                                     <option value="要显示的文字"></option>

                                     <option value="要显示的文字"></option>

                      </datalist>

2.按钮标签：

                    原来：<input type="button" value="显示的字">

                    现在：<button>显示的字</button>

3.输入框新属性：

                    例：<input type="text" maxlength="" minlength="" placeholder="" autofocus autocomplete="off/on" required>

                          ①maxlength:限定最大输入字数

                          ②minlength:限定最低输入字数

                          ③autofocus:打开网页时自动聚焦

                          ④placeholder:在框里面的灰色提示字

                          ⑤autocomplete:off就是关闭系统记录输入过的记录，on就是开启

                          ⑥required:强制输入，不输入就无法提交

4.输入框之type属性值

                     例:<input="email/time/date/month/week/url/color/serch">

                           ①email:检测输入值中是否有@

                           ②time:在框中可以选择时间

                           ③data:在框中可以选择年月日

                           ④month:在框中可以选择年月

                           ⑤week:在框中可以选择第几周

                           ⑥url:检测输入值中是否有http

                           ⑦color:在框中可以选择颜色

                           ⑧search:在框中输入值后右侧会显示一个叉，点击叉会重置输入框