CakePHP Note (v1.3) > 主要なヘルパー > フォーム | GARACTER
フォームの作成 フォームの部品 フォームの完結 API for CakePHP 1.3:FormHelper フォームとフォームの部品を出力するためのヘルパー。inputメソッドは様々な部品を出力出来ます。 フォームの作成 echo $this->Form->create ($model=null, $options=array()) フォームの開始タグを出力。引数を全く指定しなければ、現在のコントローラーとアクション名からフォームタグのパラメーターが設定されます。 Usersコントローラのaddアクションのviewファイルでcreate()を使った時 echo $this->Form->create(); 以下のようなフォームでidやactionのパラメータが自動的に設定されます。 <form id="UserAddForm" method="post" action="/users/a
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
ログインフォームに大切な7つの要素と重要な1つの機能
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する
25 Excellent Examples of Forms in Web Design
14 Comments Very nice collection! Thanks for collect them on one place 🙂 Great list, thanks. Forms tend to be dull dull dull, but are often a very important part of a website It’s great to see some really interesting attempts to make them far less dull… That Bio-Bak one was fun to play around with haha Great Collection of forms there. I find forms are usually one of the hardest elements of a webs
CSS3とjQueryでフォームを美しく装飾する方法
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
エラーでブルブル!! JavaScriptでおもしろフォーム (1/5)
どんなWebサイトにでもあるごく普通のページにこそ、工夫を凝らす。思いがけない演出でサイト訪問者を楽しませる。それも、決して大げさなものではなく、ごく簡単な、ほんのちょっとした仕掛けで――。そんな粋なWebサイトの1つに、英国の引越支援サイト「Move Me」があります。 引越業者やライフラインの手配など、引越しのときに必要になる手続きをまとめてネット上でできるようにしたMove MeのWebサイトは、オンラインサービス業者のサイトらしく、使い勝手よくデザインされています。JavaScript／Ajaxを使った細かな技も光るサイトです。そんなMove Meのページの中から、今回は「申し込みフォーム」の演出をお手本とさせてもらいましょう。 今回のお手本サイト：『Move Me』 英国で展開中の総合引越支援サイト。複数の引越業者の見積もり比較・手配から、水道・電気・ガスといったライフラインの手
digitalBush » Masked Input Plugin
1.3.1Bugfixes jQuery 1.9 compatibility. Fixed browser lockup when window loses focus. Android issues. No longer preventing event bubbling. Making sure we call completed handler when pasting a value. Fixed bug trying to set caret on hidden elements. Fixed cursor positioning bug related to bounds check. 1.3Bugfixes Fixed completed callback bug. Fixed IE bug requiring charAt() instead of array notati
Interface Design Inspiration - 36 Beautiful Contact Page/Form Designs - DzineBlog.com
Interface Design Inspiration – 36 Beautiful Contact Page/Form Designs The Contact form / Page is an important part of interface / web design, The sole purpose of contact page is to get the user contact you or enquire more about you, now a days most of web designers pays more attention to the contact page also and treats the contact page design as same like the home page design and the result of wh
[JS]Twitterのように残りの文字数をカウント表示するスクリプト -charCount
TwitterのUIのように、入力できるテキストの残りの文字数をカウントして表示するスクリプトをcss globeから紹介します。 Simplest Twitter-like dynamic character count for textareas and input fields デモページ 上記デモページではデフォルト版とカスタム版の二種類があり、デフォルト版は残りの文字数をカウントして表示し、カスタム版は設定した残りの文字数を超えると表示が強調されるようになっています。 スクリプトのオプションでは入力可能な文字数、強調表示する文字数の設定と、カウンターを配置する要素やクラス名やテキストデータを設定できます。 charCountはjQueryのプラグインのため、実装にはjquery.jsが必要です。
フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌
PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアッ... 次の記事 ≫：PHP関数の挙動をちょっと調べたいときに助かる「PHP Functions Online」 jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡単にやりたいですね。 jQuery Form Tips を使えば、フォーム要素の title 属性に値を入れておくだけでヒントを自動表示できます。 <p> <label for="i1">Field1</label><br /> <input type="text" name="i1"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
unwrongest.com
[JS]フォームのボタンやチェックボックスをかわいくするスクリプト | コリス