HTML DOM中的Input Text required属性用于设置或返回在提交表单时是否应填写Input Text Field。此属性用于反映HTML必需属性。
用法:
- 它返回Input text required属性。
textObject.required
- 它用于设置“输入文本必需”属性。
textObject.required = true|false
属性值:
- true:它指定在提交表单之前必须填写文本字段。
- false:它是默认值。它指定提交表单之前,不得填写文本字段。
返回值:它返回一个布尔值,该值表示在提交表单之前必须填写文本字段或不填写文本字段。
范例1:本示例说明了如何返回“输入文本必需”属性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Text required Property
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Input Text required Property</h2>
<form id="myGeeks">
<input type="text" id="text_id" required>
</form>
<br><br>
<button onclick="myGeeks()">Click Here!</button>
<p id="GFG" style="font-size:25px;"></p>
<!-- script to return the required Property-->
<script>
function myGeeks() {
var txt = document.getElementById("text_id").required;
document.getElementById("GFG").innerHTML = txt;
}
</script>
</body>
</html>
输出:
单击按钮之前:
单击按钮后:
范例2:本示例说明了如何返回Input Text required属性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Text required Property
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Input Text required Property</h2>
<form id="myGeeks">
<input type="text" id="text_id" required>
</form>
<br><br>
<button onclick="myGeeks()">Click Here!</button>
<p id="GFG" style="font-size:25px;"></p>
<!-- script to return the required Property-->
<script>
function myGeeks() {
var txt = document.getElementById("text_id").required
= false;
document.getElementById("GFG").innerHTML = txt;
}
</script>
</body>
</html>
输出:
单击按钮之前:
单击按钮后:
支持的浏览器:DOM输入文本必需属性支持的浏览器如下:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML Input Text name用法及代码示例
- HTML Input Text value用法及代码示例
- HTML Input Text maxLength用法及代码示例
- HTML Input Text form用法及代码示例
- HTML Input Text disabled用法及代码示例
- HTML Input Text placeholder用法及代码示例
- HTML Input Text pattern用法及代码示例
- HTML Input Text readOnly用法及代码示例
- HTML Input Text defaultValue用法及代码示例
- HTML Input Text autocomplete用法及代码示例
- HTML Input Text size用法及代码示例
- HTML Input Text type用法及代码示例
- HTML Input Text autofocus用法及代码示例
- HTML Input URL required用法及代码示例
- HTML Input FileUpload required用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Input Text required Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。