input输入框怎么设置必填的方法required属性
required属性描述
HTML的input输入框的属性required可以定义该输入框为必填的设置,十分简单,而且当用户没有输入的时候,input将会弹出一个提示框提示“输入该字段”。
required属性使用场景
在很多的注册页面当中,有些输入框的左边会打上星号,并可能会有相关的文字,提示该类的输入框为必填的选项。那么,就可以使用input的required属性。
required属性实例代码,及在线编辑器
<form action='' method='GET'>
<input type='text' required>
<input type='date' required>
<input type='submit' value='提交'>
</form>
实例代码解析
如上代码,当输入框和日期选择框的并没有输入的时候,点击提交按钮,输入框会弹出一个对话框,提示“请输入该字段”,注意,当输入框填完之后,日期并没有输入,那么提交的时候,日期的输入框将会弹出输入该字段的提示,而不会两个同时弹出提示。
提示:required属性还适用于input的type类型为search、url、tel、email、password、number、checkbox、radio等诸多类型。