[B! form] tmsanrinshaのブックマーク

優れたフォームをデザインする

サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。

tmsanrinsha 2016/11/30

リンク

なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes

注意内容については一切保証しません。ここでは、主に W3C ML での議論や各種仕様などに基づいて書いています。ここに書かれていることが正しいかどうかは、自身で判断して下さい。事実としておかしいところなどは、コメントでどんどん指摘して下さい。遠慮はいりません。ただし、このエントリでは「form が PUT/DELETE をサポートするべきかどうか？」の議論はしません。「REST の是非」や「PUT/DELETE の意義」についても議論する気はありません。ここでやっているのは、あくまでもどういった議論の末現状があるのかの調査です。そうした意見がある場合は、 W3C などに投稿するのが最も有益だと思います。 History 2014/03/29: 公開 2014/03/29: XForm と XHTML の関係を明確化(thanx koichik) 2014/03/29: HT

tmsanrinsha 2014/03/29

リンク

[jQuery]form.submit()できない原因

すごくハマったのでメモ。 CakePHPでフォームのPOSTデータをコントローラで受ける場合、bakeのコードは if (!empty($this->data)) { // POSTされた場合の処理 } こうなっていますが、フォームのデフォルト値をコントローラで設定したり、フォームのsubmitボタンごとに処理を分けたい時などのために、僕は次のようにPOSTの判定を行なっています。ビュー $this->Form->create(); $this->Form->input("janken", array("options" => array( "1" => "グー", "2" => "チョキ", "3" => "パー", ))); // ちょっと変な例ですが $this->Form->submit("じゃんけん", array("name" => "submit")); $this->Fo

tmsanrinsha 2013/02/28

formの要素にsubmitというname,idがあるとsubmit()がうまく働かない

リンク

HTML5 Form Validation のカスタマイズ

Tomomi Imura An Open Web advocate and front-end engineer, who loves everything mobile, and writes about HTML5, CSS, JS, UX, tech events, gadgets, etc. She unintentionally got 15min of fame by creating The HTTP Status Cats. Also, the opinions expressed here are solely her own and do not express the views or opinions of my employer. Twitter LinkedIn Instagram Github Flickr My articles are licensed u

tmsanrinsha 2012/12/04

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

tmsanrinsha 2012/05/09

リンク

:input - jQuery 日本語リファレンス

単純にinput要素を並べて、その数を数えています。表示されていないhidden要素も含めて取得されていることに注意してください。 <form> <input type="button" value="Input Button"/> <input type="checkbox" /> <input type="file" /> <input type="hidden" /> <input type="image" /> <input type="password" /> <input type="radio" /> <input type="reset" /> <input type="submit" /> <input type="text" /> <select><option>Option</option></select> <textarea></textarea> <butto

tmsanrinsha 2012/03/26

全てのinput, textarea, select, button要素を選択します。

form
jquery

リンク

小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT

TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。デモです。多数の入力項目、入力チェックに対応しています。必須チェックのエラーです。画面上と項目の横と二つ表示されます。メールアドレスフォーマットのチェックもできます。半角英数などの文字種チェックもあります。入力の後、確認画面が表示されます。完了ページです。確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ

tmsanrinsha 2012/03/18

form
php

リンク

serializeArray( ) - jQuery 日本語リファレンス

function showValues() { var fields = $(":input").serializeArray(); $("#results").empty(); jQuery.each(fields, function(i, field){ $("#results").append(field.value + " "); }); } $(":checkbox, :radio").click(showValues); $("select").change(showValues); showValues();

tmsanrinsha 2012/03/06