輸入日期時間名稱屬性用於設置或返回日期時間字段的名稱屬性的值。
可以通過名稱屬性來標識已提交到服務器的表單數據。 name屬性還用於使用Javascript在客戶端引用表單數據。
用法:
- 要返回name屬性:
datetimeObject.name
- 設置名稱屬性:
datetimeObject.name
屬性值:
- name:它用於指定日期時間字段的名稱。
以下示例程序旨在說明Datetime名稱屬性:
獲取日期時間字段的名稱。
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime 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 Datetime name Property</h2>
<br> Date of Birth:
<input type="datetime" id="Test_Datetime" name="DOB">
<p>To display the value of the name attribute of the datetime
field, double-click the "Return Name" button.</p>
<button ondblclick="My_Datetime()">Return Name</button>
<p id="test"></p>
<script>
function My_Datetime() {
var n = document.getElementById("Test_Datetime").name;
document.getElementById("test").innerHTML = n;
}
</script>
</body>
</html>
輸出:
單擊按鈕後
支持的網頁瀏覽器
- 蘋果Safari
- IE瀏覽器
- Firefox
- 穀歌瀏覽器
- Opera
相關用法
- HTML Input Datetime min用法及代碼示例
- HTML Input Datetime value用法及代碼示例
- HTML Input Datetime max用法及代碼示例
- HTML Input Datetime readOnly用法及代碼示例
- HTML Input Datetime required用法及代碼示例
- HTML Input Datetime type用法及代碼示例
- HTML Input Datetime autocomplete用法及代碼示例
- HTML Input Datetime form用法及代碼示例
- HTML Input Datetime autofocus用法及代碼示例
- HTML Input Datetime defaultValue用法及代碼示例
- HTML Input Datetime disabled用法及代碼示例
- HTML DOM Input Datetime用法及代碼示例
- HTML del dateTime用法及代碼示例
- HTML ins dateTime用法及代碼示例
注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML | DOM Input Datetime name Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。