アンケート フォームの作成

●ただのフォームから

<form method="POST" action="xxx.php">
    <label>名前：<input type="text" name="name" placeholder="山田　太郎" /></label><br /><br />
    <label>メールアドレス：<input type="email" name="email" /></label><br /><br />
    <label>郵便番号：<input type="number" name="zip" /></label><br /><br />
    性別：　<label>女：<input type="radio" name="sexes" value="wman" /></label>
          　<label>男：<input type="radio" name="sexes" value="man" checked /></label><br /><br />
    <label>年齢：
    <select name="age">
     <option value="age_10">10代</option>
     <option value="age_20">20代</option>
     <option value="age_30">30代</option>  
     <option value="age_40">40代</option>
    </select>
    </label><br /><br />
    ご使用のOS：<br />
    <label><input type="checkbox" name="os" value="win" checked/>Win</label>
    <label><input type="checkbox" name="os" value="mac" />Mac</label><br /><br />

    <label>サイトへのご意見：<br />
     <textarea name="message" placeholder="ここにテキスト"></textarea>
    </label><br /><br />
  
  <input type="submit" value="送信" />
</form>

※『placeholder』属性はhtml5から
※半角入力はCSSで制御（ime-mode）できるが、IE独自仕様、使うのにためらう。絶対半角ではない。googleが制御してないから使わない
※『type="email"』は『html5』で追加された機能
※ラジオボタンやセレクトなど選択肢が複数の場合は、nemeとvalueで一組








------------------------　参考サイト　-----------------------------

html5ありのフォーム
http://www.htmq.com/html5/input.shtml

htmlフォーム
http://www7b.biglobe.ne.jp/~homepage-note/html-base-3.html

フォームのおさらい　※HTML
http://hinaoka.blogspot.jp/2011/06/html.html


ime-mode－スタイルシートリファレンス
http://www.htmq.com/style/ime-mode.shtml

日本語入力(IME)の状態を制御する方法
http://allabout.co.jp/gm/gc/23804/