DOM輸入密碼占位符屬性用於設置或返回密碼字段的占位符屬性的值。 placeholder屬性指定一個簡短提示,用於描述輸入字段的期望值。在用戶輸入值之前,該字段會顯示簡短提示。
用法:
- 它用於返回占位符屬性。
passwordObject.placeholder
- 它用於設置占位符屬性。
passwordObject.placeholder = text
屬性值:
- text:它定義了簡短的提示,用於描述密碼字段的期望值。
返回值:它返回一個字符串值,該值表示一個簡短的提示,該提示描述了密碼字段的期望值。
示例1:本示例說明了如何返回屬性。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password placeholder Property</h2>
<form id="myGeeks">
Password:<input type="password"
id="myPsw"
name="Geeks"
placeholder="password">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:25px;"></p>
<script>
function myFunction() {
var x =
document.getElementById(
"myPsw").placeholder;
document.getElementById(
"demo").innerHTML = x;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
示例2:本示例說明了如何設置屬性。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Password placeholder Property</h2>
<form id="myGeeks">
Password:<input type="password"
id="myPsw"
name="Geeks"
placeholder="password">
</form>
<br><br>
<button onclick="myFunction()">
Click Here!
</button>
<p id="demo" style="color:green;font-size:25px;"></p>
<script>
function myFunction() {
var x =
document.getElementById(
"myPsw").placeholder ="Enter Your Password";
document.getElementById(
"demo").innerHTML = x;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:下麵列出了DOM輸入密碼占位符屬性支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
相關用法
- HTML Input URL placeholder用法及代碼示例
- HTML Input Text placeholder用法及代碼示例
- HTML Input Number placeholder用法及代碼示例
- HTML Input Email Placeholder用法及代碼示例
- HTML Input Search placeholder用法及代碼示例
- HTML Input Password name用法及代碼示例
- HTML Input Password value用法及代碼示例
- HTML Input Password autocomplete用法及代碼示例
- HTML Input Password readOnly用法及代碼示例
- HTML Input Password maxLength用法及代碼示例
- HTML Input Password type用法及代碼示例
- HTML Input Password size用法及代碼示例
- HTML Input Password pattern用法及代碼示例
- HTML Input Password autofocus用法及代碼示例
- HTML Input Password disabled用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Password placeholder Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。