資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會學
時尚研究
法律研究HTML DOM 輸入文字佔位符屬性
HTML DOM Input Text placeholder 屬性用於設定或返回輸入文字欄位的 placeholder 屬性值。placeholder 屬性用於透過在使用者輸入任何內容之前在輸入欄位內顯示文字，來為網頁使用者提供有關輸入元素的提示。預設情況下佔位符文字為灰色，並且與 value 屬性不同，不會提交給表單。
語法
以下是語法 -
設定 placeholder 屬性 -
textObject.placeholder = text
此處，text 表示指定使用者關於文字欄位提示的佔位符文字。
範例
讓我們看一個輸入文字 placeholder 屬性的示例 -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text placeholder property</h1>
USERNAME: <input type="text" id="USR" placeholder="....">
<p>Change the placeholder text of the above field by clicking the below button</p>
<button onclick="changeHolder()">CHANGE</button>
<script>
function changeHolder() {
document.getElementById("USR").placeholder = "Enter your username here..";
}
</script>
</body>
</html>輸出
這將產生以下輸出 -
佔位符已成功更改 -
更新於: 19-08-2019
238 次瀏覽
廣告