太阳集团tyc5997|官网【中国】有限公司

wordpress添加了Html5表单验证所需方法的摘要
  • 作者:admin
  • 发表时间:2021-02-20 07:51
  • 来源:未知

本文主要介绍wordpress添加Html5到表单验证所需方法的总结。本文通过示例代码非常详细,对大家的学习或工作都有一定的参考价值。需要的朋友可以参考一下。

表单验证是防止垃圾评论的一个方面。wordpress自带严格的验证方法。在HTML5的推广和支持下,我们可以在WordPress评论表单中加入Html5表单验证方法,增加用户的良好体验

1、required 属性定义和用法

所需属性指定提交前必须填写输入字段。

如果使用此属性,则该字段是必需的。

注意:所需属性适用于以下类型:文本、搜索、网址、电话、电子邮件、密码、日期选择器、号码、复选框、广播、文件。

2、修改wordpress的姓名和邮箱必填字段

对于WordPress,评论框中需要电子邮件和url(对应于电子邮件地址和网站)。唐山企业官网。结合所需属性和占位符属性,原始代码应修改如下:

输入id=' author ' name=' author ' type=' text ' class=' form-control '占位符=' nickname ' required=' required ' value=' '。ESC _ attr ($评论员['comment _ author'])。' size=' 30

input id=' email ' name=' email ' type=' text ' class=' form-control ' placeholder=' 272586593 @ QQ.com ' required=' required ' value=' ' .ESC _ attr($ comment er[' comment _ author _ email '])。' size='30' /

3、修改气泡提示样式

向主题的style.css添加样式

/*===带必填项的表单===*/

/*无效*/

input:required:invalid无效{

CSS代码

}

/*有效*/

input:required:valid{

CSS代码

}

总结

以上是wordpress添加Html5表单验证所需方法的总结。更多相关wordpress添加Html5表单验证所需内容,请搜索Script House以前的文章或继续浏览下面的相关文章。希望大家以后多多支持脚本屋!

Baidu
sogou