エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
inputにフォーカスすると消える文字をjQueryで実装する - Rewish
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
inputにフォーカスすると消える文字をjQueryで実装する - Rewish
フォーカスすると消える文字(何も入力が無ければ初期値に戻す)を、jQueryだけで実装する方法を紹介し... フォーカスすると消える文字(何も入力が無ければ初期値に戻す)を、jQueryだけで実装する方法を紹介します。 実装方法は凄く単純で、inputのvalueに予め文字列を入れておき、jQueryの設定ファイルに以下のコードを記述するだけです。 jQuery(function($) { var placeHolder = 'コメントを入力して下さい!'; $('input[type="text"]') .focus(function() { var self = $(this); if (self.val() === placeHolder) { self.val(''); } }) .blur(function() { var self = $(this); if (self.val() === "") { self.val(placeHolder); } }); }); input[typ