输入日期名称属性用于设置或返回日期字段的名称属性的值。
可以通过名称属性来标识已提交到服务器的表单数据。 name属性还用于使用Javascript在客户端引用表单数据。
用法:
- 要返回name属性:
inputdateObject.name
- 设置名称属性:
inputdateObject.name
属性值
- name:它用于指定日期字段的名称。
以下示例程序旨在说明日期名称属性:
获取日期字段的名称。
<!DOCTYPE html>
<html>
<head>
<title>Input Date name Property in HTML</title>
<style>
h1 {
color:green;
}
h2 {
font-family:Impact;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Input Date name Property</h2>
<br> Date of Birth:
<input type="date" id="Test_Date" name="DOB">
<p>To display the value of the name attribute of the date field,
double-click the "Return Name" button.</p>
<button ondblclick="My_Date()">Return Name</button>
<p id="test"></p>
<script>
function My_Date() {
var n = document.getElementById("Test_Date").name;
document.getElementById("test").innerHTML = n;
}
</script>
</body>
</html>
输出:
单击按钮后
支持的网页浏览器
- 苹果Safari
- IE浏览器
- Firefox
- 谷歌浏览器
- Opera
相关用法
- HTML Input Date max用法及代码示例
- HTML Input Date value用法及代码示例
- HTML Input Date min用法及代码示例
- HTML Input Date type用法及代码示例
- HTML Input Date autocomplete用法及代码示例
- HTML Input Date required用法及代码示例
- HTML Input Date readOnly用法及代码示例
- HTML Input Date autofocus用法及代码示例
- HTML Input Date defaultValue用法及代码示例
- HTML Input Date step用法及代码示例
- HTML Input Date form用法及代码示例
- HTML Input Date disabled用法及代码示例
- HTML input date用法及代码示例
- HTML DOM Input Date用法及代码示例
注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | DOM Input Date name Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。