エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアル :: 5509
iPhoneユーザーにはお馴染みこのボタン いつのまにかYahoo検索でも採用されてました同じようなボタン ち... iPhoneユーザーにはお馴染みこのボタン いつのまにかYahoo検索でも採用されてました同じようなボタン ちょっとした配慮で少しでも入力する手間を軽減できるいい例ですね。 お問い合わせなどのフォームではあんまり役に立たないかもしれませんが 検索窓のテキストボックスなどでは割と使えるかも…? というわけでこのテキストボックスの中身を消去するボタンを実装する方法を紹介します。 最終的にjQueryプラグインにしているのでサンプルはプラグイン版です。 チュートリアルなんかいらない人はプラグインの項目にどうぞ。 サンプル サンプルファイルのダウンロード iPhoneのようなテキストボックスの中身を消去するボタンを実装するチュートリアル まずはINPUT要素を用意します わかりやすいようにIDにはsearch、CLASSにはdelvalを指定しています。 次は削除ボタンを表示しているときを考えます
2012/11/01 リンク