[B! フォーム] Eimelle555のブックマーク

Eimelle555 id:Eimelle555

フォームに関するEimelle555のブックマーク (4)

ページを「閉じる」を防ぐ　離脱防止ポップアップを使ったEFO事例 | 勝手にEFO分析-エントリーフォーム改善
Eimelle555 2015/06/05
web制作

フォーム

javascript
リンク
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」:phpspot開発日誌
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 2013年04月05日- Bootstrap Form Helpers BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」。国、通貨、日付、時間、電話番号、フォント等を入力する際に便利そうなインプットのヘルパーライブラリのご紹介。次のように、多数のフォーム入力ウィジェットが追加で利用できます。フォントは見たままで表示されて、selectから選べるので便利そう。 UIデザインもいい感じ。関連エントリ Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapのテーマで良い感じに動くオート
Eimelle555 2013/06/25
Bootstrap

ui

フォーム
リンク
マルチステップなフォームをjQueryで擬似的に実装するスクリプト – multi-step-form.js
ステップ形式の入力フォームをjQueryで擬似的に実装するプラグインをつくりました。 → multi-step-form.js 動作サンプルマルチステップのみのデフォルト指定エラーチェックを有効化 ajaxZip3も使ってみるサンプルこんな感じで動きます。開発の経緯会員登録とかフィードバックとかで入力フォームがどうしても長くなる時ってありますよね？長くてユーザーが入力する気がなくなってしまいそう…。でも絶対必要な項目だし。そんな時には入力フォームをステップで分けて段階的に入力させれば、面倒な気持ちがちょっと和らぐかもしれません。でも、現行のPHPやCGIとかを触るのは結構たいへんなので、ここは簡易的にJavaScriptでやっちゃおう。ということです。主な仕様特定のIDの子要素から自動的に段階的に表示自動生成のプログレスバーによるステップ数、進捗の表示入力内容のチェッ
Eimelle555 2013/06/04
jQuery

javascript

フォーム
リンク
[JS]フォームのフィールドにテキストを表示する軽量スクリプト -autoclear
フォームのテキストフィールドに、入力補助になるテキストを表示し、ユーザーの入力時にそのテキストを消去するjQueryのプラグインを紹介します。 jQuery Plugin: autoclear デモ [ad#ad-2] テキストフィールドに表示されるテキストには、class名を付与し、スタイルシートでカラーなどを設定することもできます。デモは、「color:gray;」が指定されています。 autoclearの実装 HTML 表示されるテキストは、title属性内のデータを利用します。 <form method="post"> <label for="name">Name:</label><input type="text" id="name" name="name" title="John Smith" value="<?php echo $_POST['name'];
Eimelle555 2011/03/01
jQuery

フォーム

テキスト
リンク
1