H5表单相关内容

1. label中的for属性的作用

在这里插入图片描述
在这里插入图片描述

  • fabel中的for属性绑定指定指定id的元素,点击label后会激活相应的控件

2. required属性

  • 首先,使用此元素必须加上form表单
  • 其次,该元素并不是所有的input表单类型都适用
  • 最后,是在提交整个表单的时候做的验证,如果不填值会有提醒,而且不同的浏览器所提醒的样式也不同
    在这里插入图片描述
    效果:
    在这里插入图片描述

3. autofocus属性

  • 该属性会在打开页面的时候,自动聚焦到文本框上
  • 如果在多个表单上写多个autofocus,会自动聚焦在第一个上。所以它的机制就是:解析表单的过程中,如果发现了autofocus,就自动聚焦在表单上,如果之后再遇到的话,就忽视
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

4. placeholder属性

5. autocomplete属性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6.datalist提示

在这里插入图片描述
在这里插入图片描述

发布了84 篇原创文章 · 获赞 90 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_42512488/article/details/100045511