iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアル :: 5509
iPhoneユーザーにはお馴染みこのボタン いつのまにかYahoo検索でも採用されてました同じようなボタン ちょっとした配慮で少しでも入力する手間を軽減できるいい例ですね。 お問い合わせなどのフォームではあんまり役に立たないかもしれませんが 検索窓のテキストボックスなどでは割と使えるかも…？ というわけでこのテキストボックスの中身を消去するボタンを実装する方法を紹介します。 最終的にjQueryプラグインにしているのでサンプルはプラグイン版です。 チュートリアルなんかいらない人はプラグインの項目にどうぞ。 サンプル サンプルファイルのダウンロード iPhoneのようなテキストボックスの中身を消去するボタンを実装するチュートリアル まずはINPUT要素を用意します わかりやすいようにIDにはsearch、CLASSにはdelvalを指定しています。 次は削除ボタンを表示しているときを考えます
見た目を綺麗に整列する！ブロックレベル要素の高さを揃えるJS3選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れ様です、デザイナーのモモコです。 コーディング中にいざ本番の文言を入れたら、予想以上に長さがバラバラで見た目が揃わない…！なんてこと、ありますよね。今回はそんな時に活躍してくれるブロックレベル要素の高さを揃えるjsを3つご紹介します。 heightLine.js 配布ページ <script type="text/javascript" src="heightLine.js"></script> class名のつけ方によって高さを揃える要素をコントロールできるJavascriptです。 子要素の高さを統一できる「heightLineParent」が便利で良くお世話になっていました。 jQueryAutoHeight.js 配布ページ※このページは現在削除されています。 <script type="text/javascript" src="jquery.js"></script> <s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
