今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
PHPのフォームで多次元配列を使う | Cities:Skylines Japan 管理人ブログ
<form action="hoge.php" method="post"> <h3>１人目の予約</h3> お名前： <input name="person[0][name]" type="text" /> 年齢： <input name="person[0][age]" type="text" /> <h3>２人目の予約</h3> お名前： <input name="person[1][name]" type="text" /> 年齢： <input name="person[1][age]" type="text" /> <input type="submit" value="送信" /> </form> <?php var_dump($_POST); ?> これに値を入れて表示してやると、 array(1) { ["person"]=> array(2) { [0]=> array
[JS]実装も簡単、必須入力の有無やメールアドレスのチェックなどフォームのバリデーションをおこなう軽量スクリプト -Validetta
選択しているのが2つかどうか Validettaは、以下の項目がチェックできます。 データが空かどうか。 電子メールのチェック。 数字のチェック。 クレジットカード番号のチェック。 フィールド内の文字数のチェック。 チェックボックスやセレクトボックスの選択数のチェック。 2つのフィールドが同じかどうか。 正規表現を使ったフィールドのチェック。 Validettaの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="validetta/validetta.css" rel="stylesheet" type="text/css" media="screen" > <script type="text/javascript" src="http://code.jquery.com/jquery-late
セレクトボックスの日付を切り替え | JavaScript逆引きリファレンス | Web制作支援 | ShanaBrian Website
<script type="text/javascript"> function changedate() { // フォームと各年月日のname属性を指定 var formN = document.form1; var tYear = formN.year; var tMonth = formN.month; var tDays = formN.days; var selectY = tYear.options[tYear.selectedIndex].value; var selectM = tMonth.options[tMonth.selectedIndex].value; var selectD = tDays.options[tDays.selectedIndex].value; var dateObj = new Date(selectY, selectM, 0); tDay
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3 Form Styling Cheat Sheet | Tiffbits
