0

これは、大企業のサイトであっても、多くのwbesite で頻繁に発生する問題であることに気付きました。そのため、求職中の Web 開発者として、これを修正する方法を知っておく必要があると思います。

基本的に、たとえば、ユーザー名フィールドは、クリックしてユーザー名を入力するまで「ユーザー名」と表示されます。クリックすると、「ユーザー名」というテキストが消去されます。しかし、ほとんどの場合、そうではなく、既存のテキストの途中で入力することになります。

私はこれを調べましたが、私が見つけた最良の解決策は、30 行以上の Javascript 関数のセットでした。これは、ユーザーがフィールドをクリックしたときにデフォルト値をクリアするシステムをセットアップし、また、何も入力していない限り、クリックして元に戻すこともできます。

しかし、それは私が探していたものではありません。なぜなら、その方法はすでに知っていたからです。

私は今では、HTML5 などで、これをもっと簡単に修正する必要があると感じています。JavaScript をより短い jQuery スクリプトに縮小するだけではありません。つまり、組み込みの固有の修正です。

この現象が起こらないようにする方法を知っている人はいますか?

4

4 に答える 4

1

単純に HTML5 を使用するplaceholder attribute

<input type="text" placeholder="Whatever" />

フィドル

クロス ブラウザ情報 : 一部の Firefox バージョンでは、テキスト ボックスをクリックするとプレースホルダー テキストがクリアされ、Chrome ではユーザーが入力を開始するとプレースホルダー テキストがクリアされますが、新しいバージョンの Firefox はクロムのように動作し、ユーザーが入力ボックスに入力を開始するとプレースホルダー テキストがクリアされます。

于 2012-10-19T18:47:18.680 に答える
0

HTML5 プレースホルダー属性http://www.w3schools.com/html5/att_input_placeholder.aspを使用できます。

于 2012-10-19T18:47:06.383 に答える
0

最新のブラウザーは、フォームのプレースホルダー属性をサポートするようになりました。これにより、必要なことを実行できます。

http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-textをチェックして 、ブラウザー間の互換性のために modenizr を使用した記事を参照してください。

于 2012-10-19T18:47:46.107 に答える
0

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

<input type="text" placeholder="Username" />

これは完全にクロス ブラウザーと互換性がないことは明らかであるため、古い Javascript / jQuery の修正が必要になります。

于 2012-10-19T18:49:11.873 に答える