如何设置htmlcheckbox为必填内容

如何设置htmlcheckbox为必填内容,第1张

html如何设置必填

2022-02-17 14:18:11 1967 百度已收录

本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

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

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

HTML5引入的必填项

required属性

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

如果使用该属性,则字段是必填(或必选)的。

语法:

1

<input required="required">

特点:

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!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>

效果:

阅读剩余部分

培训视频、在线学习、学习视频网站、网络学习平台

技术文章 >web前端 >html教程

html如何设置必填项

醉折花枝作酒筹醉折花枝作酒筹2021-06-02 15:23:12原创

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

本教程 *** 作环境: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>

效果:

52)Y{E])1_[P{RGTML6IQU5.png

扩展:

form表单提交-忽略表单验证(form表单的novalidate属性)

novalidate 属性规定当提交表单时


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/6267385.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存