webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

form

form 課題2

valueの値を配列を使って文字列に変換する。 <html><head><meta charset="utf-8"><title>無題ドキュメント</title></head> <body>'男性','2'=>'女性','3'=>'その他');echo $value[$sex];}else{echo '</body></html>

form 課題1

送信側 <html><head><meta charset="utf-8"><title>questionaire06</title><style>table, th, td{ border: 1px solid #AAA; border-collapse: collapse;}</style></head> <body><form action="getquestionaire06.php" method="post"><table><tr><th>お名前</th><td><input type="text" name="your_name" ></td></tr></table></form></body></html>

form label の付け方

pattern1 for属性を使ってキャプションとボタンを関連させる方法。 inputの中の「id属性」とlabelの中のfor属性の値が対応する。 <form action="#" method="post"><input type="radio" name="sex" value="male" id="male"><label for="male">male</label><input type="radio" name="sex" value="female" id="female"><label for="female">female</label></form>

form04 list

listはinputしない。selectする。だからselect。 <form action="#" method="post"><p>年齢 <select name="age"></p><p><option value="" selected>以下から選択してください</option></p><p><option value="1">10代</p></option></p><p><option value="2">20代</p></option></p><p><option value="3">30代</p></option></p><p><option value="4">40代</p><…

form03 radio

radiobuttonは、1つ選択するときに使う。 記述の仕方は、checkboxとなにも変わらない。 <form action="#" method="post"><p><input type="radio" name="sex" value="1">male<input type="radio" name="sex" value="2">female<input type="radio" name="sex" value="3">else</p><p><input type="submit" value="送信"></p></form> labelをつければ、ラベル上にカーソルがあっても選…

form02 checkbox

チェックボックスは「複数選択可能」な場合に使うと便利だと思う。 label要素のはたらき。label(ラベル)とformのパーツを結びつける。 具体的には、labelを使わないと、ボタンやチェックボックスの上にカーソルがないと選択できないけれども、ラベルがある…

form 01 textarea

名前と、問い合わせ内容を送信するシンプルなフォーム。 inputにvalue属性をつけると、黒字で予め記入されてしまう。ユーザーが入力する時は、この「お名前」の文字を消してから入力することになる。 ユーザーの手間になるので、「value」でなく、「placehol…

html form element

HTMLの、<form>タグを使うと、ユーザーが入力したデーターをサーバーに送ることができます。 formでは少なくとも2つの属性を与えます。 ひとつは「action」。これで、データの送り先を指定します。 そして「method」。これでデータをやり取りする形式を決めます。 </form>…