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等诸多类型。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.