Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」:phpspot開発日誌
Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 2014年01月15日- nghuuphuoc/bootstrapvalidator GitHub Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 BootstrapなサイトでのJSベースでのフォームバリデーションを実装できます。 Emailやクレジットカード等のよく使いそうなバリデーションや長さチェック等一般的なものまで実装されています。 リアルタイムバリデーションで使い勝手をよくしたい場合の１つの選択肢として覚えておいても良さそう 関連エントリ Bootstrapなサイトで使える星形レーティングプラグイン Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summernote」 フリーで使えるフラットでハ
無料とは思えないほど自由度の高いアンケート作成ツール「Typeform」 | ライフハッカー・ジャパン
大量の人にアンケートや投票をしなければならないときにはウェブツール「Typeform」がおすすめです。直感的なインターフェイスで使いやすく、オプションも豊富な上に、無料（2013年9月14日現在）です。こういったツールはGoogleフォームなど他にもありますが、Typeformの強みはそのオプションの豊富さでしょう。 アンケート作成画面では、ドラッグ＆ドロップで20種類の質問形式が選べ、「必須項目にする」、「複数選択ができるようにする」といった設定も加えられます。アンケートが完成したらリンクを知らせて実施しましょう。集計結果は分かりやすい分析ページで見られます。 同ツールは今のところベータ版で、質問数や回答数が制限されています（20の質問項目のあるフォームが3つまで作成可能。回答数は5,000まで）。ただ、SNSでシェアさえすれば無制限になるそうです。日本語にも対応しているので、一度試して
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か - かちびと.net
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基本的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基本的に画像を変え
fieldset要素単位で横スライドするバリデーション付きの入力フォーム用jQueryプラグイン・jQuery Stepy - かちびと.net
縦長になるような入力フォームにいいかな と思ってメモ。fieldsetでグループ化された 要素単位でスライド化してくれます。下部 までスクロールする必要が無くなるのと、 どこが誤入力か分かりやすい、場所を取ら ないなどのメリットがあります。 特に、入力項目が長いフォームは離脱率を高くする可能性も否めませんので、入力プロセスを補助するのはユーザビリティに大きく貢献出来るかと思います。IE6でも7でも動作するようです。 日本語に直してみました。これは1例で、3つに分けなければならないわけではありません。 入力をミスすると、次のfieldset要素に進めない（スライドできない）という仕組み。 fieldsetごとにバリデーションチェックを行うのでユーザーもストレスが無いような有るような。 うん、ストレス無いです。（ｷﾘｯ ファイルとか <script type="text/javascript"
html_select_dateで、~年~月~日というフォームを作る
Smartyを使って、年月日の入力フォームを作る際にhtml_select_dateを使うと自動で項目を作ってくれて便利です。 参考： Smartyで年月日のプルダウンを表示させる Smarty マニュアル html_select_date ただ、デフォルトの状態だと年月日の区切りの部分に文字を入れる事ができず、 ～年～月～日という入力フォームを作りたいときに作る事ができません。 その場合は、以下のように書く事によって年月日が分かれたフォームを作る事ができます。 テンプレート部分 {html_select_date prefix = "birthday_" start_year = $smarty.const.BIRTHDAY_YEAR_START end_year = $smarty.const.BIRTHDAY_YEAR_END fi
美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms - かちびと.net
チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可能なフレームワークタイプなのでノンプログラマーな方でも気軽に使えそうですね。IE6以外は対応しているようです。 フォームのデザインをガラッと変えることが出来ます。よりデザインに統一感を出せそうですね。 テーマも用意されている Ideal Formsはフレームワークとしても利用出来るように、cssでデザインが変更できる作りになっています。現在は3つのcssファイルがテーマとして用意されていますのでそ
30 Interesting and Creatively-Designed Contact Forms | Naldz Graphics
We’ve already showcased some of the most creative footer and header designs of a website in the past. In today’s post, we are presenting another design inspiration you’ll surely love. These are attractive contact form designs in different styles and content. A contact form in a website is a page that has fields for filling in name, e-mail and mailing addresses, and type of comment. It allows users
ITクオリティ シンプルで効果的なjQueryドロップダウン式ログインフォーム
Twitterで使われているような、ドロップダウン式のログインフォームを手軽に導入したいと言う人のための簡単コード。 jQueryで手軽に導入 サンプルデモ ダウンロードページ 2011/03/09(水) 09:14:31| jQuery | トラックバック:0 | コメント:0
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
noupe - THE magazine for webworkers and site owners