html如何设置必填项-html教程-PHP中文网

html如何设置必填项

醉折花枝作酒筹

发布： 2021-06-02 15:20:12

原创

18323人浏览过

在html中，可以使用required属性来设置必填项，需要在input元素标签中添加“required="required"”样式即可。required属性规定必需在提交之前填写输入字段。如果使用该属性，则字段是必填（或必选）的。

html如何设置必填项

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML5引入的必填项

required属性

required 属性规定必需在提交之前填写输入字段。

立即学习“前端免费学习笔记（深入）”；

如果使用该属性，则字段是必填（或必选）的。

语法:

<input required="required">

登录后复制

特点:

适用于<input>标签的以下类型:text,search,url,telephone,email,password,date pickers,number,checkbox,radio以及file。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>required属性</title>
  </head>
  <body>
    
    <form action="demo-form.php">
      Username: <input type="text" name="usrname" required />
      <input type="submit" />
    </form>

    <p>
      <strong>注意：</strong> Internet Explorer 9及更早 IE 版本，或 Safari
      不支持 input 标签的 required 属性。
    </p>
  </body>
</html>

登录后复制

效果：

Eyoucms品牌咖啡茶饮网站管理系统1.7.0

品牌咖啡茶饮网站管理系统是一款开源的，衍生于优秀的内容管理系统易优cms。品牌咖啡茶饮网站管理系统秉承了易优CMS的先进设计理念，并且专注于餐饮企业。品牌咖啡茶饮网站管理系统特点：简单方便品牌咖啡茶饮网站管理系统源码包安装十分方便，只需输入域名，然后再点两次鼠标，期间填入一些必要的安装信息就可以轻松完成整个安装过程。使用十分便捷，安装后进后台，无需事先进行任何设置操作。要进行网站设置