チェックボックス - フォームの使い方 | ホームページ作成入門
チェックボックスは一つの項目毎にチェックするかどうかを選択するする時に使われる部品です。チェックボックスを使うにはinput要素を使いtype属性に「checkbox」を指定して下さい。 HTML4.01 <input type="checkbox" name="名前" value="値1">ラベル1 <input type="checkbox" name="名前" value="値2">ラベル2 <input type="checkbox" name="名前" value="値3">ラベル3 XHTML <input type="checkbox" name="名前" value="値1" />ラベル1 <input type="checkbox" name="名前" value="値2" />ラベル2 <input type="checkbox" name="名前" value="値3
checkboxはcheckが入っていないとサーバーに値自体送信されない - endoc’s Diary
ということに今更気づきました。 これだと、チェックが入っているかどうかでtrue/falseの値を送信したいときに困ります。 何か賢い方法があるかと探してみましたが、基本的にはスクリプトで何とかするほかない様子。 または、SpringMVCのformが使用出来ればそれが一番みたいです。 以下、方法のメモです。 input/type/hiddenを用意しoffの情報を送信 この方法をWebで一番見かけました。 input type=checkboxと組みでinput type=hiddenを用意 チェックを入れた場合はcheckboxのvalueの値を送信 チェックを入れない場合はhiddenのvalueを送信 ただし、2でそのまま値を送信すると、checkboxとhidden両方の値がカンマ区切りでvalueとして送信されてしまいます。なので、2のときはhiddenの要素をdisableに
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Do browsers preserve order of inputs with same name on GET/POST?
HTML form with multiple hidden control elements of the same name
