プレースホルダーは、HTML5に追加された別の属性です。入力またはTextareaがこの属性を設定すると、この値のコンテンツがテキストボックスにグレーワードプロンプトとして表示されます。テキストボックスが焦点を合わせると、プロンプトのテキストが消えます。過去には、この効果はJavaScriptを使用してそれを制御することで達成されました。 Firefox、Google Chromeなどはそれに対するサポートを表明しましたが、IEはそれをサポートしていません。
HTML5は、入力の新しいタイプタイプ、フォーム検証など、Webフォームに多くの機能強化をもたらしました。
プレースホルダーは、HTML5に追加された別の属性です。入力またはTextareaがこの属性を設定すると、この値のコンテンツがテキストボックスにグレーワードプロンプトとして表示されます。テキストボックスが焦点を合わせると、プロンプトのテキストが消えます。過去には、JavaScriptを使用してこの効果を制御してそれを達成しました。 Firefox、Google Chromeなどはそれに対するサポートを表明しましたが、IEは矛盾を感じました!
例:<入力ID = T1タイプ=テキストプレイスホルダー=テキストを入力してください/
これにより、IEの下でプレースホルダーをサポートする非常に強力な属性プラグインが導入され、プレースホルダーをサポートしていない他のブラウザーとも互換性があります。コードは次のとおりです。
$(document)(function(){var doc = documents = doc.getelementsbytagname( 'input')、supportholder'in doc.createelement( 'input')、placeholder = function(input){var text = input.getAttribute( 'placeholder')、default.defalualvalue = defaut.defalualvalue; if(default.defaultalue = '') input.onfocus = function(){input.value === {this.value = ''}} {input.value === ''){this.value = text}}}}; input = inputs [i]、text = input.getattribute( 'placeholder');コードをコピーして、処理せずにJSファイルリファレンスに保存するだけで、非常に便利です!
例:これにより、IE入力がプレースホルダー属性を表示する可能性がありますが、ページに入力が1つしかない場合は問題ありません。複数の入力がある場合、入力が値を入力しない場合、その空の入力はプレースホルダー値を値に自動的に埋めてエラーになります。例えば:
<入力タイプ=テキストプレースホルダー=入力製品エンコード名= goodscode id = goodscode値= 123 /> <入力タイプ=テキストプレースホルダー=入力製品名= goodsname id = goodsname値=入力製品名 />>
解決策は、それをバックグラウンドで自分で判断することです。上記のJSファイルで解決して後で調査できるかもしれません〜!