网络营销师马栓网络营销师马栓网络营销师马栓

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

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

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

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

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





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

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

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


网络营销师马栓 » input如何设置文本框必填项以及修改提示文字的方法

部分文章来源互联网,出于非商业性学习目的,文章版权归原作者所有。