1

値が* *として表示されるため、入力タイプのパスワードにラベルを付ける最良の方法は何ですか?

編集ボタンを配置できる場所がないので、次のようなテキストを配置します。

Click here...

そのため、ユーザーはクリックしてパスワードを編集できます。

4

2 に答える 2

3 
<input placeholder="Click here..." type="password" name="password">
于 2013-02-02T20:13:43.033 に答える
1
  1. 背景画像を使用し、テキスト入力時に入れ替える
  2. HTML 5 のplaceholder属性を使用する

placeholder 属性は、コントロールに値がない場合にユーザーのデータ入力を支援するための短いヒント (単語または短い語句) を表します。ヒントは、サンプル値または予想される形式の簡単な説明です。属性を指定する場合、U+000A LINE FEED (LF) または U+000D CARRIAGE RETURN (CR) 文字を含まない値を指定する必要があります。

placeholder 属性は、ラベルの代わりとして使用しないでください。より長いヒントやその他の助言テキストについては、title 属性がより適切です。

これらのメカニズムは非常に似ていますが、微妙に異なります。コントロールのラベルによって与えられるヒントは常に表示されます。ユーザーが値を入力する前に、プレースホルダー属性で指定された短いヒントが表示されます。また、ユーザーがさらにヘルプを要求すると、title 属性のヒントが表示されます。

ユーザー エージェントは、要素の値が空の文字列である場合、またはコントロールがフォーカスされていない場合 (またはその両方) に、改行を取り除いた後、ユーザーにこのヒントを提示する必要があります。 .

placeholder 属性を使用するメール構成ユーザー インターフェイスの例を次に示します。

<fieldset>  
  <legend>Mail Account</legend>  
    <p><label>Name: <input type="text" name="fullname" placeholder="John Ratzenberger"></label></p>  
    <p><label>Address: <input type="email" name="address" placeholder="john@example.net"></label></p>  
    <p><label>Password: <input type="password" name="password"></label></p>  
    <p><label>Description: <input type="text" name="desc" placeholder="My Email Account"></label></p> 
</fieldset>
于 2013-02-02T20:14:05.467 に答える