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

【PHP】フォームからの入力を連想配列として送信する方法 - Buravo46's Note

経緯 HTMLのフォームから送信されたデータを受信する場合、$_POSTや$_GETで受け取って使用すると思います。例えばデータを使用する場合は$_POST['id']みたいに連想配列として使用すると思いますが、他にも$_POST['name']や$_POST['password']みたいに同じ分類でデータ送信をしたいとなると一々各データを受け取らないといけないので面倒なことになります。これをまとめて受け取りやすくしようと思い、連想配列として受け取ろうとしました。概要 HTMLのフォーム名を連想配列のように記述してデータを送信し、データ受信時にまとめて受け取れるようにします。方法 HTMLに<form action="URL" method="メソッド名"><input type="text" name="配列名[キー名]"></form>と記述して、データ入力フィールドを作成

pokotanu 2016/07/07

しらんかった…／<input type="text" name="配列名[キー名]">／$変数名 = $_POST['配列名'];$入力情報を格納する変数名 = $変数名['キー名']

PHP
form

リンク

今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。自動入力機能に対応しよう Google Chrome（デスクトッ

pokotanu 2016/03/10

HTML
form

リンク

今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。自動入力機能に対応しよう Google Chrome（デスクトッ

pokotanu 2016/03/10

HTML
form

リンク

フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-

最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。具体的なポイントは以下のような項目になります。必須入力か

pokotanu 2015/08/08

jquery
form

リンク

フォームのバリデーション用jQueryプラグインいろいろ+α

個人的なメモ。普段さほど使うことが無いので、必要な時に探すのに時間掛からないようにまとめておきます。沢山ある必要はさほど無いのですが、勉強用も兼ねていろいろと数を揃えておきました。お問い合わせフォームのユービザリティ向上として導入されるバリデーション用のjQueryプラグインのまとめと、その他Tipsやフォームデザイン周りの情報をちょろっと。一応動作だけIE6、7でも確認しています。 exValidation 安心(?)の国産プラグインです。複雑なフォームにも対応できるのでとりあえずこれを覚えておけば安心ではないかと思います。どんなフォームにも使えるjQueryのフォームバリデーション exValidation jquery.validate.js Validationの日本語Ver.です。シンプルなので使い勝手いいですね。日付の確認用プラグインも派生していますので合わせて。