資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM Input Search defaultValue 屬性
HTML DOM Input Search defaultValue 屬性用於設定或獲取搜尋欄位的 defaultValue。元素的 defaultValue 是分配給 value 屬性的值。value 和 defaultValue 屬性之間的區別在於，defaultValue 屬性保留原始預設值，而 value 屬性的值根據使用者在搜尋欄位中的輸入而變化。
語法
以下是設定 defaultValue 屬性的語法：
searchObject.defaultValue = value
這裡，“value”是搜尋欄位的預設值。
示例
讓我們來看一個 Search defaultValue 屬性的示例：
<!DOCTYPE html>
<html>
<body>
<h1>Input Search defaultValue Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" value="MANGO">
</form>
<p>Change the above search field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeDefault() {
document.getElementById("SEARCH1").defaultValue="APPLE";
var P=document.getElementById("SEARCH1").defaultValue;
document.getElementById("Sample").innerHTML = "Default value has been changed from MANGO to "+P ;
}
</script>
</body>
</html>輸出
這將產生以下輸出：
點選“更改”按鈕後：
在上面的示例中：
我們首先建立了一個 <input> 元素，型別為“search”，id 為“SEARCH1”，name 為“fruits”，並且其 value 屬性設定為“MANGO”。搜尋欄位位於表單內：
<form> FRUITS: <input type="search" id="SEARCH1" name="fruits" value="MANGO"> </form>
然後，我們建立了一個“更改”按鈕，當用戶點選該按鈕時，將執行 changeDefault() 方法：
<button type="button" onclick="changeDefault()">CHANGE</button>
changeDefault() 方法使用 getElementById() 方法獲取型別為 search 的輸入欄位，並將其 defaultValue 屬性設定為“APPLE”。然後，我們再次使用 getElementById() 方法獲取型別為 search 的輸入的 defaultValue 屬性，並將其賦值給變數 P。然後，使用段落的 innerHTML 屬性將此變數顯示在 id 為“Sample”的段落中：
function changeDefault() {
document.getElementById("SEARCH1").defaultValue="APPLE";
var P=document.getElementById("SEARCH1").defaultValue;
document.getElementById("Sample").innerHTML = "Default value has been changed from MANGO to "+P ;
}
更新於: 2021年2月19日
91 次檢視
廣告