[B! JavaScript][form] loosecontrolのブックマーク

スマートフォンのユーザビリティあれこれ - 30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方

ボタンの縦横サイズ指で操作するために必然的に自分の指の下になる箇所は隠れます。そのために縦にボタンを並べると、上のボタンを押しているとき下のボタンは見えません。ボタン類を縦に並べる場合は、ある程度の距離を取りましょう。逆に横にボタンを並べる場合、ボタンを教えている最中に横のボタンも見えるため、縦に並べる場合よりも押し間違いが少ないようです。近い距離にボタンを並べる場合は、横に並べる方がいいかもしれません。（もちろんそんな風には並べない、というガイドラインを作るのがベストですが） inputタグとlabelタグテキストテキストやタグで選択肢を用意する際に、クリック領域を広くするためにタグで囲う、もしくはlabel forで対象を指定するなどしている方が多いかと思います。しかしなぜかiPhone／Androidではに対するlabelが反応してくれません。（はOK）そのため指で

loosecontrol 2011/01/28

リンク

Enterキーを打ってもsubmit（送信）しないようにするには | Netsphere Laboratories

2004.11.06新規作成。 HTMLフォームで、submit（送信）ボタンを押さずにデータが送信されてしまうことがある。用途によってはその方が使いやすいこともあるが、編集中に意図せず送信されてしまうこともあるので、この動作を抑止したい。どうするか。 submitボタンまず、submitボタンがあるかどうか。submitボタンがあるとき、input[type="text"]で生成されるテキストコントロール内でEnterキーを打つと、フォームデータが送信される。例えば、次のようなフォームの場合。テキストコントロールが一つでも二つ以上でも同じであり、IE / Mozillaとも同じように振る舞う。 <form action="test"> <input type="text" name="a"> <input type="text" name="b"> <input type="subm

loosecontrol 2009/11/17

リンク

デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。

こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、実現できなかったりすることもよくあります。そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。デザイナーの方は、フォームのデザインの参考に。コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。エラーメッセージはlocalizationディレクトリ内に18言語用意されています。日本語用は別途作成し、使用することが可能です。 jQuery