HTML DOM 輸入搜尋 name 屬性
HTML DOM 輸入 search name 屬性用於設定或返回一個重置按鈕的 name 屬性。name 屬性有助於在將表單資料提交到伺服器後識別資料。JavaScript 還可以使用 name 屬性來引用需要稍後處理的表單元素。
語法
以下是語法 −
設定 name 屬性 −
searchObject.name = name
在此,name 用於指定搜尋欄位的 name。
例子
我們來看一個 search name 屬性的例子 −
<!DOCTYPE html>
<html>
<body>
<h1>Input search name Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5">
</form>
<p>Change the name of the above search field by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("SEARCH1").name ="SEARCH_2 ;
document.getElementById("Sample").innerHTML = "Search field name is now SEARCH_2";
}
</script>
</body>
</html>輸出
這將產生以下輸出 −

點選更改名稱按鈕 −

廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP