Input Datetime required属性用于在提交表单之前检查是否必须填写datetime字段。
用法:
- 要返回所需的属性:
datetimeObject.required
- 设置必需的属性:
datetimeObject.required = true|false
属性值:
- true | false:它用于指定日期时间字段是否应为表单提交的必需部分。
以下示例程序旨在说明Datetime必需的属性:
确定是否必须在提交表单之前填写日期时间字段。
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime required Property in HTML</title>
<style>
h1 {
color:green;
}
h2 {
font-family:Impact;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Input Datetime required Property</h2>
<br>
<form action="/initials.php">
Date of Birth:
<input type="datetime" id="Test_Datetime" name="DOB" required>
<input type="submit">
</form>
<p>To find out if the datetime field must be filled out before
submitting the form, double-click the "Check" button.</p>
<button ondblclick="My_Datetime()">Check</button>
<p id="test"></p>
<script>
function My_Datetime() {
var d = document.getElementById("Test_Datetime").required;
document.getElementById("test").innerHTML = d;
}
</script>
</body>
</html>
输出:
单击按钮后
支持的网页浏览器
- 苹果Safari
- IE浏览器
- Firefox
- 谷歌浏览器
- Opera
相关用法
- HTML Input Datetime min用法及代码示例
- HTML Input Datetime max用法及代码示例
- HTML Input Datetime value用法及代码示例
- HTML Input Datetime name用法及代码示例
- HTML Input Datetime defaultValue用法及代码示例
- HTML Input Datetime autofocus用法及代码示例
- HTML Input Datetime type用法及代码示例
- HTML Input Datetime disabled用法及代码示例
- HTML Input Datetime form用法及代码示例
- HTML Input Datetime readOnly用法及代码示例
- HTML Input Datetime autocomplete用法及代码示例
- HTML Input URL required用法及代码示例
- HTML Input Checkbox required用法及代码示例
- HTML Input Week required用法及代码示例
- HTML Input Time required用法及代码示例
注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | DOM Input Datetime required Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。