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 属性规定当提交表单时
src是<img>标签的必选属性，它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。
是source的简写，意思就是资源位置，你所引用的位置。
绝对 URL - 指向其他站点（比如 src="http://www.autofull.com/"）。
相对 URL - 指向站点内的文件（比如 src="/i/image.gif"）。
src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。src和href之间有区别，可以混着用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）