DOM Textarea placeHolder屬性用於設置或返回textarea字段的占位符屬性的值。它指定一個簡短的提示,用於描述輸入字段/文本區域的期望值。在textarea中輸入值之前顯示的一條短消息或提示。
用法:
- 它用於返回占位符屬性。
textareaObject.placeholder
- 它用於設置占位符屬性。
textareaObject.placeholder = text
屬性值:
- text:它顯示一條消息/short-hint,它描述輸入的期望值。
返回值:它返回一個字符串值,該字符串值表示描述輸入字段的期望值的簡短提示。
示例1:本示例說明了如何設置textarea占位符屬性。
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="font-size:25px;
font-style:italic;">
GeeksForGeeks
</h1>
<h2 style="font-size:25px;
font-style:italic;">
DOM Placeholder Textarea Property
</h2>
Give your Intro:
<textarea id="GFG"
rows="4"
cols="40"
placeholder="Write something here"
" about yourself...">
</textarea>
<br>
<br>
<button onclick="myGeeks()">Submit</button>
<script>
function myGeeks() {
// Set hint for input field.
document.getElementById(
"GFG").placeholder =
"What is your Name?";
}
</script>
</center>
</body>
</html>
輸出:
- 在單擊按鈕之前:
- 單擊按鈕後:
- 在單擊按鈕之前:
- 單擊按鈕後:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
示例2:本示例說明了如何返回textarea占位符屬性。
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="font-size:25px;
font-style:italic;">
GeeksForGeeks
</h1>
<h2 style="font-size:25px;
font-style:italic;">
DOM Placeholder Textarea Property
</h2>
Give your Intro:
<textarea id="GFG"
rows="4"
cols="40"
placeholder=
"Write something here
about yourself...">
</textarea>
<br>
<br>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo"></p>
<script>
function myGeeks() {
// Short hint in input field.
var x = document.getElementById(
"GFG").placeholder;
document.getElementById(
"sudo").innerHTML = x;
}
</script>
</body>
</html>
輸出:
支持的瀏覽器:下麵列出了Textarea占位符屬性支持的瀏覽器:
相關用法
- HTML <textarea> placeholder屬性用法及代碼示例
- HTML Input URL placeholder用法及代碼示例
- HTML Input Number placeholder用法及代碼示例
- HTML Input Email Placeholder用法及代碼示例
- HTML Input Text placeholder用法及代碼示例
- HTML Input Password placeholder用法及代碼示例
- HTML Input Search placeholder用法及代碼示例
- HTML Textarea name用法及代碼示例
- HTML Textarea disabled用法及代碼示例
- HTML Textarea autocomplete用法及代碼示例
- HTML Textarea wrap用法及代碼示例
- HTML Textarea form用法及代碼示例
- HTML Textarea readOnly用法及代碼示例
- HTML Textarea defaultValue用法及代碼示例
- HTML Textarea required用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Textarea placeholder Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。