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>

輸出

這將產生以下輸出 −

點選更改名稱按鈕 −

更新時間: 2019-08-19

99 瀏覽次數

開啟你職業生涯

完成課程即可獲得認證

開始學習
廣告
© . All rights reserved.