<input type="password" name="info[password]" id="password3" class="list-input" onblur="if(this.value==''){this.value=' 6 ～ 20 桁のパスワードを入力してください';}" onfocus="if(this.value=='6 ～ 20 桁のパスワードを入力してください'){this.value='';}" value="6 を入力してください-20 桁のパスワード Password" placeholder="6 ～ 20 桁のパスワードを入力してください"/>
この文がデフォルトで表示されるようになりました... 入力ボックス上でマウスをクリックすると「6～20桁のパスワードを入力してください」と表示されます。デフォルトで「6～20桁のパスワードを入力してください」と表示され、入力後...
になるようにするにはどうすればよいですか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
めちゃくちゃな属性をたくさん書きましたが、プレースホルダーは書きませんでした。 。 。
placeholder="6 ～ 20 桁のパスワードを入力してください"、これを入力に追加します
もちろん、jsを使用してvulueに値を代入すると、*として表示されます。inputタグにプレースホルダーを追加してみてください
。新しいブラウザはプレースホルダーをサポートし、暗くなりすぎないようにテキストを灰色にするように css 属性を設定します。
プレースホルダーを使用する
IE での互換性の問題を考慮する必要がない場合、最も簡単な方法はプレースホルダーです
ただし、プレースホルダー属性は IE10 まで互換性があります
そのため、IE10 未満のブラウザーとの互換性を考慮する必要がある場合は、以下を参照することをお勧めします。プラグイン jquery-placeholder
リーリー
モバイル端末はPC端末であればie8対応のプラグインをダウンロードできます
ダウンロードアドレス:
リンク説明
<input type="password" placeholder="表示するデフォルトのテキスト">
最も単純なのはプレースホルダーですが、これは IE と互換性がありません。
互換性を実現する方法は
em タグを記述することです (位置は入力の入力位置に絶対的に配置されます)。入力ボックス
JS を使用して、コントロールにフォーカス/ブラー/キー入力ステータスがあるかどうかを判断し、em タグが表示されるかどうかを確認します。