問題タブ [placeholder]

私の Web サイトの 1 つで、人の名前、電子メール、アイデアの説明を収集するフォームを作成しました。

大量に読みたくないので、説明の文字を500文字に制限し、ユーザーが必要なものを入力する前にテキストエリアにテキストを表示する方法を見つけました。

現在、ユーザーは「あなたのアイデアの説明」を自分で削除する必要がありますが、テキストエリアをクリックするとテキストエリアに書いたものを削除するプレースホルダークラスを追加したいと思います

私はいくつかのサイトを見てきましたが、コードに配置した使用方法を理解できませんでしたが、通常、クラスはテキストエリア内のテキストとして表示されました。

このクラスの使用に関するヘルプは素晴らしいでしょう、ありがとう

ここに私が書いたものがあります

ヘッドタグの内側

body タグの内側

テキストエリアがフォーカスされると消えるデフォルト値を持つように、次のコードを変更したいと思います。

スクリプトを使用して、その機能をまだサポートしていないブラウザーでプレースホルダーを持つすべての入力を作成しています。

私が使用しているそのスクリプトで

操作するすべての要素を選択します。

のような非常に具体的な選択ではないので、それが遅くなるのではないかと思っていました

私が知っている方法は、はるかに高速に選択されます（ただし、すべてのIDを個別に指定したくありません）。

次のように、プレースホルダー属性を使用してすべての入力にクラスを追加することをお勧めしますか?

選択を高速化します（属性による選択よりもクラスによる選択の方が速いと思います）。しかし、これはCSSクラスの目的を誤用し、スタイリングのみを意味し、DOMを埋めてしまいます。

このようなタスクを改善するための提案やテクニックはありますか?

updatepanel内にプレースホルダーがあり、これもプレースホルダーとupdatepanel内にあります。ただし、私のテストによると、このレイアウトはこのエラーには関係ありません。プレースホルダーは、trueに設定しようとしても、常にfalseに設定されています。コードを少し考えてみましたが、プレースホルダーをtrueに設定するためのコードが実行されています。しかし、それはそれを真に設定しません。

これは、最初のロードでのみ発生し、ポストバックではmyPlaceholderの表示がtrueに設定されます。それはおそらくWebアプリケーションの他の何かが間違っていて、このエラーを引き起こしますが、それはとても大きいので、どこから探し始めるのかわかりません。私の希望は、誰かが私を正しい方向に向けることができる同様の問題を抱えていたことです。

input type = "text"フィールドがあり、広くサポートされていないHTML5プレースホルダープロパティをデフォルトのテキストの背景画像に置き換えようとしています。

また、JavaScriptでは、フォームがフォーカスを受け取ったときに背景画像を削除し（ユーザーがフィールドに入力したテキストが背景画像のテキストと重ならないように）、入力がフォーカスを失ったときに背景画像を置き換えます（私はonBlurイベント）。

これは、ユーザーが入力フィールドにテキストを入力し、このテキストを送信せずに別のページに移動し、ブラウザの前のページに戻るボタンを押すと、ページが再読み込みされますが、前のテキストでは送信されなかったことを除いて、正常に機能します。まだ背景画像の上の入力フィールドにあります。

ページの読み込み時にフォームに値があるかどうかを確認し、値がある場合は背景画像を削除してこれを修正しようとしましたが、この部分は機能しません。

私は可能な解決策を受け入れています。

Google Chrome で、高さ 30px のテキスト入力でプレースホルダーを使用すると、プレースホルダーのテキストが上に垂直に配置されますか??

テキスト入力の垂直方向の中央に配置するにはどうすればよいですか?

私のウェブサイト http://www.myinvestmentdecision.com.auでプレースホルダー テキストが高すぎるという Google chrome で問題が発生しました。

[フィードバック] をクリックすると、プレースホルダーのテキストが高くなっていることがわかります。プレースホルダー スクリプトを持っていますが、chrome がプレースホルダーをサポートしていることを認識するとオフになります。

その点を証明するために、フォーム自体の jsfiddle を次に示します: http://jsfiddle.net/RAANA/

CSS のものである必要があります。何か案は？

jQuery 検証プラグインを使用してフォームを検証していますが、プレースホルダー テキストを持つ必須フィールドを無視しているようです。

それを解決する方法は？

すべてのブラウザーでプレースホルダーを表示するには、この jQuery プラグインを使用しています - http://formalize.me/

そして、私のフォームを検証するために、私はこのコードを使用しています:

私は見てhref="javascript:void(0)"きましたが、代わりhref="javascript:;" に使用しない理由はありますか?href="javascript:"

編集：明確にさせてください：私はこれを an と組み合わせており、代替を使用する必要が生じた場合にonclick使用することに異議はありません. return falseもちろん、これは代替案が よりも理にかなっている場合のみですjavascript:。

また、最初の段落に示されている私の質問に対する回答をまだ見ていません (明らかにそう思います)。ありがとう、デビッド。:)

私は見てhref="javascript:void(0)"きましたが、代わりhref="javascript:;" に使用しない理由はありますか?href="javascript:"