JS

2012-02-20 10 views
4

でプレースホルダを設定する方法このフィドルをご覧ください:JS

http://jsfiddle.net/KA85s/3/

JQ-UIは、デフォルトとして最初のオプションを設定します。私はそれが起こることを望んでいない:代わりに私はHTML5プレースホルダーを設定したい。

これらのJSで生成された入力にどのようにHTML 5プレースホルダを(最初に利用可能ではなく<option>)設定できますか?

enter image description here

+2

質問に関連するコードを含めてください。 –

+0

@JamesMontagne JSfiddleのリンクを配置しました。コードは巨大です。誰もこの例を生きた例なしで読むことはありません – heron

+1

私はあなたがjsfiddleを削除するべきではないと言っていましたが、質問内の**関連**コードを含めることは一般的に便利です。 jsfiddleが存在しなくなっても、その質問は他の人にはまだ役立つはずです。 –

答えて

1

@Mohamed Meligyは、私が何か他のものを使用しますが...ここ

があなたの入力要素が作成されたとき、それはそれ与えることを使用jQueryを使ってどのように動作するかである同じ溶液で

http://jsfiddle.net/KA85s/8/

が来ましたplacholder属性と我々は行われています。D ** UPDATED

**

http://jsfiddle.net/KA85s/19/

は、カスタムデフォルト値を追加しました:D

2

用途:

input.attr("placeholder", value); 

更新jsfiddle:私はちょうど明らかに、あなたのval()呼び出しを置き換える例で

http://jsfiddle.net/Meligy/KA85s/5/

、あなたは完全にから一部を削除することができますあなたが望む任意のテキストでそれを別々に追加してください。

+0

全機能を変更しました。 #qsubjectと#qsubject2に異なるプレースホルダを設定する方法はありますか? – heron

2

は、これは私がie7,8,9完璧に実行してテストしたクロスブラウザの互換性の問題なく、あなたが必要なすべてを行います。

<input type="text" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"> 

幸運!

+1

ちょっとした改善だけで色も変わります: onfocus = "if(this.value == 'あなたのメールアドレスを入力してください){this.value =' '; this.style.color ='#333 '}" onblur = "this.value == '' {this.value = 'あなたのメールアドレスを入力してください; this.style.color ='#BBB '}" –

+1

@Aamir Shahzad:ありがとう!あなたはこのクロスブラウザのトリックで私の問題を解決しました!ありがとう! – Alessandro