网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

html网页中留言表单form添加必填

作者:Smileby陌少羽 | 2019-04-16 19:07 |点击:

为了防止恶意注册,通常会验证表单必填。实现方法以js为主,略微麻烦。今天才发现,html5如今已自带验证表单必填的属性(html5果然够体贴够强大啊~赞一个)。

该属性为html5的新属性required ,required 属性规定必需在提交之前填写输入字段。如果使用该属性,则字段是必填(或必选)的。 注:required 属性适用于以下 

 
  <input /> 类型:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

语法:
  <input required="required" /> 例: 
  <form action="" method="post">
    Name: 
   <input type="text" name="username" required="required" /> 
   <input type="submit" /> 
  </form>

注意红色的部分即可

用这个只能提示填写 我们还可以自定义

下面把代码贴出来一下


required="required"  oninvalid="setCustomValidity('请输入您的称呼');" 

替换想要必填的部分即可
如没特殊注明,文章均为狐灵科技原创,转载请注明   "html网页中留言表单form添加必填
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:15082661954 / 大客户专线:15523356218