十多年网络推广实战经验,从SEO&万词霸屏推广、SEM到社群营销,通过网络效果营销分享网络推广之道,结交网络营销之友!
当前位置:主页 > WEB前端 > html > 正文

input如何设置文本框必填项以及修改提示文字的方法

2019/04/25 html

如何在html网页中设置文本框为必填?

html5新增了一个required属性,可以使用这个属性对文本框设置必填项,直接在input文本框上添加required即可 。

语法:<input type="text"  required/>

以韩国中央大学中韩国际班网站:https://www.lzzkr.com/hdbm/ 表单为例设置必填项,在input文本框中添加required属性。
 





自定义required的提示文字的方法

<input type="text" required oninvalid="setCustomValidity('不能为空aaa')" oninput="setCustomValidity('')">

HTML5表单验证给前端开发带来许多便利,但是默认的提示不友好。我们可以通过setCustomValidity方法来自定义提示信息,更准确的提示给用户。 在用户输入的时候使用setCustomValidity('')将错误提示设置为空字符串,在输入不合法时用setCustomValidity('自定义提示信息')来替换提示信息,这样写会有些问题就是如果用户没有输入那么还是默认的提示信息,所以可以用任何方式获取到这个元素,然后调用它的setCustomValidity()方法先将提示信息设置为空字符串

说明: 文章来源互联网,出于非商业性学习目的,文章版权归原作者所有。本站链接: https://www.mashuan.com/webqd/html/32.html

个人简介Mars Ma
AI网推平台、小增长裂变营销平台联合创始人、聚惠地社群分销商城负责人,高级网络工程师,10年以上全网营销经验。微信号:13554455006
  • 298文章总数
  • 128093访问次数
  • 建站天数
  • 标签