HTML 参考手册

HTML 标签大全

HTML: <input> placeholder 属性

HTML input placeholder 属性指定描述输入字段的期望值的简短提示（例如，样本值或期望格式的简短描述）。在用户输入值之前，简短提示会显示在input输入框中。

示例 1

带有 placeholder 文本的两个input文本字段：

示例

!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　placeholder　属性　-　基础教程网(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　<input　type="text"　name="fname"　placeholder="First　name"><br>
　　<input　type="text"　name="lname"　placeholder="Last　name"><br>
　　<input　type="submit"　value="Submit">
</form>
</html>

テストをしてみる ‹/›

placeholder 文本也可以指定颜色。

在线示例 2

带有 placeholder 文本设置颜色：

示例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基础教程网(oldtoolbag.com)</title>　
</head>
<body>
<form　action="demo-form.php">
　　<input　type="text"　name="fname"　placeholder="First　name"><br>
　　<input　type="text"　name="lname"　placeholder="Last　name"><br>
　　<input　type="submit"　value="提交">
</form>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

テーブルの数字は、この属性をサポートする最初のブラウザバージョン番号を示します。

属性
placeholder	10.0	10.0	4.0	5.0	11.0

定義と使用方法

placeholder は入力フィールドの期待される値の短いヒントを指定します（例：サンプル値や期待されるフォーマットの短い説明など）。

ユーザーが値を入力する前に、短いヒントが入力フィールドに表示されます。

注意：placeholder 属性は以下の input タイプに適用されます：text、search、url、tel、email、password。

HTML 4.01 と HTML5の間の違い

placeholder 属性は HTML5 で新しい属性が追加されました。

文法

<input placeholder="text">

属性値

値	説明
text	入力フィールドの期待される値を指定する短いヒント。

　HTML <input> タグ

HTML: <template> タグ