0

通常のブラウザのオートコンプリートを使用してフォーム内に入力要素を配置したいのですが、ブラウザにデフォルト値を設定させたくありません。

予想される動作は、入力が常に空にレンダリングされ、ユーザーがクリックすると、ブラウザのオートコンプリートが開始され、そのフィールドに以前に入力された値が表示されることです。

このログインページで似たようなものを見たことがあります。

ページの読み込み時にjavascriptを使用して入力値を空にしようとしましたが、デフォルト値が表示されてから消去されることがあるため、あまりきれいな解決策ではありません。

どんな助けでも素晴らしいでしょう。

4

2 に答える 2

2

これがあなたの答えだと思います... http://liveweave.com/dnEfCD

「プレースホルダー」属性を使用するだけです。

 <form id="main">
<input id="email" type="text" placeholder="Email" name="email">
<input id="password" type="password" placeholder="Password" name="password">
 </form>
于 2013-03-22T16:10:13.627 に答える
1

wantworthy.com/login は、JavaScript を使用してページを作成します。そのため、ロード時に入力フィールドが存在せず、ブラウザーは入力できません。

ここまで行きたくない場合は、ページがロードされた後にのみ入力フィールドを作成できます。おそらく、フィールドの名前を変更するなど、さらに単純なことでうまくいく可能性があります (以前は偽の名前で、ページが読み込まれた後は実際の名前)。ただし、ブラウザがいつフィールドに入力するかを把握する必要があります: onDocumentReady、onLoad、またはそれ以降です。

コメントに書かれているようautocomplete="off"に、ブラウザーの介入がまったく必要ない場合は、form タグで使用できます。ただし、以前に入力した値の表示もオフになります。

于 2013-03-22T16:53:47.023 に答える