フォーム編
このページはＨＴＭＬ講座のフォーム編です。いよいよラストです！
さあフォーム編スタートです。
まずは基本です。
フォームとは大まかに言うと、ユーザーが入力して送信するものを作成することです。
<form>〜</form>で囲みます。
さて早速行きましょう。はじめはテキストです。
<input type="text" name="任意"> です。
<form>
<input type="text" name="name1">
</form>
で、
こうなります。
次は複数行入力できるフィールドを作ってみます。
<textarea name="任意" cols="幅（数字）rows="行数(数字）"> </textarea> です。
<form>
<textarea name="area1" cols="50" rows="8">
</textarea>
</form>
で、
できあがります。
次は送信フォームです。実際に送信したい場合はaction属性にcgiを、methodをpostにします。
<form action="〜.cgi" method="post"> <input type="submit" value="送信"> </form> と書きます。
このホームページのラーメンや映画の送信フォームのソースを参考にするといいかもです。cgiは業者サービスなどを使います。
もちろん自分で作っても構いません。
<form action="〜.cgi" method="post">
<input type="submit" value="送信">
</form>
で、
送信ボタンの出来上がりです。
次はリセットボタンです。フォームの内容を初期化することができます。
<input type="reset" > です。
<form>
<textarea name="area1" cols="50" rows="8">
</textarea>
<input type="reset">
</form>
で、
内容を書いて押してみましょう。
次はラジオボタンです。<input type="radio" name="任意" value="任意"> です。valueは送信される文字を表します。
<form>
<input type="radio" name="radio" value="hahaha">ははは
<input type="radio" name="radio" value="hihihi">ひひひ
</form>
で、
となります。
次はチェックボックスです。<input type="checkbox" name="任意" value="任意"> です。valueは送信される文字を表します。
<form>
<input type="checkbox" name="checkbox" value="hahaha">ははは
<input type="checkbox" name="checkbox" value="hihihi">ひひひ
</form>
で、
となります。
次はプルダウンメニューです。<select name="任意"><option value="任意"></option>
</select>になります。valueは送信される文字を表します。
<form>
<select name="select1">
<option value="hahaha">ははは</option>
<option value="hihihi">ひひひ</option>
</select>
</form>
で、