私はこれをウェブ全体で見ていますが、誰かがぼかしの入力値を表示してフォーカスを隠すのに最も簡単な方法のJavaScriptコードを持っているのだろうかと疑問を抱いていました。フォーカスの入力値を表示/非表示にする方法は?
5
A
答えて
0
これは私がmy blogで使用しているものです。そこに行って、ソースコードを調べてみてください。 、
<input
name="tb"
type="text"
value="some text"
onblur="if (this.value=='') this.value = 'some text'"
onfocus="if (this.value=='some text') this.value = ''" />
5
私が知っている最も簡単な方法は以下の通りです:
はfunction displaySearchText(text){
var searchField = document.getElementById('searchField');
if(searchField != null)
searchField.value = text;
}
あなたの入力フィールドには、次のようになりますplaceholder
属性を使用します。それはSafariのボックスの外で動作し、他のブラウザでこの動作を模倣するような控えめなJSを追加することができます。
もっと読み:
- http://www.beyondstandards.com/archives/input-placeholders/(JS実装)
- http://lab.dotjay.co.uk/experiments/forms/input-placeholder-text/
とGoogle。 ;-)
解決策はJosh Stodolaが投稿したものと似ていますが、より柔軟で普遍的です。
1
有効なHTMLを気にしない場合:
<input id='searchField' name='q' onblur='displaySearchText("Search...");' onfocus='displaySearchText("");' onkeydown='performSearch(e);' type='text' value='Search...'/>
17
これはいつも私のために働い:
<input
type="text"
value="Name:"
name="visitors_name"
onblur="if(value=='') value = 'Name:'"
onfocus="if(value=='Name:') value = ''"
/>
7
を私はjQueryの道を好む:
$(function(){
/* Hide form input values on focus*/
$('input:text').each(function(){
var txtval = $(this).val();
$(this).focus(function(){
if($(this).val() == txtval){
$(this).val('')
}
});
$(this).blur(function(){
if($(this).val() == ""){
$(this).val(txtval);
}
});
});
});
それはザックパーデューによってHide Form Input Values On Focus With jQueryに変更されます。
17
これはまだGoogleに公開されているので、HTML5では、これを入力としてプレースホルダ属性を使用して、これを1つのhtmlで実現できることを指摘したいと思います。
<input type="text" id="myinput" placeholder="search..." />
現在のところ、プレースホルダは最新のブラウザでは標準的なので、これは実際には好ましい方法です。すべてのブラウザのために
0
:
<input type="text" name="inputname" placeholder="Your value" />
関連する問題
- 1. 入力フォーカスのアンドロイドキーボードを非表示
- 2. テキストフィールドに非表示の値を入力する方法は?
- 3. 入力マスクの非表示と表示
- 4. キーアップフィルタ入力に作用するテーブルdivを非表示/表示する方法
- 5. ブートストラップデータテーブルの列を非表示/非表示にする方法は?
- 6. 入力フィールドのオートフィルサファリアイコンを非表示にする方法
- 7. C#でプロセスを非表示/非表示にする方法は?
- 8. 入力のデフォルト値を非表示入力の値に変更する
- 9. JavaScriptでHTML入力フィールドを非表示にする方法
- 10. リアフィールドの入力フィールドの自動入力サファリアイコンを非表示にする方法
- 11. jQueryを使用して別の入力値に基づいて入力を表示/非表示にする
- 12. ボタンの表示/非表示方法は?
- 13. 隣に入力値を表示する方法は? Python
- 14. 入力タイプ= "範囲"の要素で値ラベルを非表示にする方法
- 15. メインウィンドウのクロムエクステンションを非表示/非表示にする方法
- 16. フォーム入力フォーカスで、表示div
- 17. jqueryでフォーカスがある入力に非表示のボックスを配置する
- 18. page2入力のpage1に入力値を表示する方法は?
- 19. テキストフィールドのユーザー入力に基づくチェックボックスを非表示/表示
- 20. angularjs divを表示して入力フィールド内をクリックし、非表示にすると非表示にする
- 21. onchange非表示の入力jqueryに値を挿入
- 22. 入力コントロールで非表示/非表示Webビジネスオブジェクト
- 23. Meteorアプリ - 入力フォーカスの編集ボタンと非フォーカスの編集ボタンを非表示にする
- 24. Djangoテンプレートの非表示入力の値を設定する方法
- 25. ページリロード後に非表示のdivを表示する方法は?
- 26. 検索入力に基づいてdivを表示/非表示
- 27. Djangoは非表示の入力フィールド
- 28. 値の入力と表示
- 29. jQueryでリアルタイム入力値を表示する方法は?
- 30. jquery入力を検証して非表示のdivを表示
えっ:ブラウザの最新バージョンについては
?あなたはショーで何を意味しますか?あなたは正確に何をしようとしていますか? –
したがって、入力には例えば "Search ..."があり、入力をクリックすると空白になります。私はすでに答えがあると信じていますが、とにかくイアン! =] –
http://stackoverflow.com/questions/1073428/what-the-best-way-to-display-a-default-text-in-textbixes-and-textareas/1073514#1073514 – Quentin