HTML <input> placeholder屬性用法及代碼示例

HTML中的<input>占位符屬性用於指定在用戶在輸入元素中輸入之前要顯示的期望值。

用法:

<input placeholder="text">

屬性值：此屬性包含單個值文本，該文本指定了簡短的提示，用於描述輸入字段的期望值。

例：本示例說明了<input>元素中Placeholder屬性的使用。

<!DOCTYPE html> 
<html> 
  
<body> 
    <center> 
        <h1 style="font-size:25px;font-style:italic;"> 
          GeeksForGeeks 
      </h1> 
        <h2 style="font-size:25px;font-style:italic;"> 
          HTML input Placeholder Attribute 
      </h2> 
        
        <form action=" "> 
            <input type="text"
                   name="fname"
                   placeholder="First name"> 
            <br> 
            <input type="text"
                   name="lname" 
                   placeholder="Last name"> 
            <br> 
            <input type="submit" 
                   value="Submit"> 
        </form> 
  </center> 
</body> 
  
</html>

輸出：

支持的瀏覽器：下麵列出了HTML <input>占位符屬性支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | <input> placeholder Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。