Webやるなら必須のHTMLネタの最近のブログ記事
知っている限りの優良書籍をまとめました。
関連サイトのとほほ系はずいぶん昔からあって、情報も豊富です。
ほとんどここで情報を入手できるはずです。
応用とか海外のテクニックを見たい方はcss Zen GardenやCSS REMIXがおすすめ。
関連書籍
関連サイト
関連サイトのとほほ系はずいぶん昔からあって、情報も豊富です。
ほとんどここで情報を入手できるはずです。
応用とか海外のテクニックを見たい方はcss Zen GardenやCSS REMIXがおすすめ。
またもや仕事でフォームを作っている際、ここのデータを複数選択できるようにできない？
と言われ、調べてわかった。
selectやcheckboxで複数のデータを送信する際、そのままではちゃんと複数のデータを送信できない。
どうやってやるかというと、以下のhtmlソースのように「name="select[]"」とする。
名前は任意でつけてかまわないが、そのあとに「 [] 」を入れる必要がある。
HTMLソース（送信側）
<select name="select[]" multiple>
<option value="data1">データ１</option>
<option value="data2">データ２</option>
<option value="data3">データ３</option>
<option value="data4">データ４</option>
</select>
こうすることで送信されるデータが配列として挿入されデータを送ることができる。
データの処理の仕方はあくまで参考として、以下のような感じ。
PHPソース（取得側）
<?php
$DataBox = ""; //データを入れる変数を空で定義
for($i = 0; $i < count($_POST["select"]); $i++){ //送られてきた配列数だけ繰り返しさせます。
$DataBox .= $InqCate1[htmlspecialchars($_POST["select"][$i])] . " "; //繰り返したデータを配列に半角スペース区切りで入れます。
}
echo $DataBox; //送られてきたデータを表示
?>
HTMLソース
<input type="text" />
<select>
<option value="test">test</option>
</select>
このように単純に記述して表示してみると若干inputの方が高さが少ない。
これを回避する方法だが、いたって簡単。
CSSを以下のようにする。
CSSソース
input { margin:0; padding:1px;}
select { margin:0; padding:0;}
inputにpadding:1px;をつけることで、高さをあわせることができる。
がたがたしてるとなんか嫌ですよね。
