HTML - required 属性_HTML 菜鸟教程

HTML required 属性是一个布尔属性，用于指定用户在提交表单之前必须填写特定字段。

required 属性适用于文本、搜索、电子邮件、数字、复选框、单选按钮、日期和文件输入类型。

语法

<tag required></tag>

适用对象

下面列出的元素允许使用 HTML required 属性。

元素	描述
<input>	HTML <input> 标签用于指定输入字段。
<select>	HTML <select> 标签用于在在线表单中创建下拉列表。
<textarea>	HTML <textarea> 标签用于表示多行纯文本编辑控件。

HTML required 属性的示例

以下示例将说明 HTML required 属性，我们应该在何处以及如何使用此属性！

根据需要创建表单输入字段

除非输入名称字段，否则不会提交表单。

<!DOCTYPE html>
<html>

<head>
		<title>HTML 'required' attribute in 'input' tag</title>
</head>

<body>
		<h3>HTML 'required' attribute in 'input' tag</h3>
		<form> Name:
				<input type="text" 
						placeholder="Your name" 
						id='demo' 
						required>
				<button>Submit</button>
		</form>
</body>

</html>

根据需要选择字段

除非从列表中选择语言，否则不会提交表单。


<!DOCTYPE html>
<html>

<head>
		<title>HTML 'required' attribute in 'select' tag</title>
</head>

<body>
		<h3>HTML 'required' attribute in 'select' tag</h3>
		<form>
				<p>Select Language:</p>
				<select required>
						<option value="">--Choose your option--</option>
						<option value="">Hindi</option>
						<option value="">English</option>
						<option value="">Telgu</option>
				</select>
				<button>Submit</button>
		</form>
</body>

</html>

根据需要创建 textarea 字段

除非输入地址，否则不会提交表格。

<!DOCTYPE html>
<html>

<head>
			<title>HTML 'required' attribute in 'textarea' tag</title>
</head>

<body>
		<h3>HTML 'required' attribute in 'textarea' tag</h3>
		<form>
				<p>Write your address:</p>
				<textarea cols="40" 
						rows="8" 
						placeholder="Address here..." 
						required>
				</textarea>
				<br>
				<button>Submit</button>
		</form>
</body>

</html>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - rel 属性 HTML - reversed 属性 >>