NO.32 フォーム②
前回
は<form>の基本を書いたので、今回はいよいよその中に置く部品の解説をします。
input type=typeで設定する部品が多いですね。
<input type=submit>
最初に持って来るべきでは無かったかもしれませんが、一応データを送信する時の基本となるタグです。
<form action=2010.cgi method=post> <input type=submit value="データ送信"> </form>
※この例では架空のCGIファイルを想定しているので、実際のデータ送信先はありません。
<input type=text>
inputタグのデフォルトtype属性です。ユーザーのテキスト入力のためのテキストボックスを表示します。
size=サイズ(横のみ)
maxlength=最大文字数
value=デフォルトで表示する文字
readonly(読み取り専用)
<form action=2010.cgi method=post> <input type=text size=100> size=100<br> <input type=text size=100 maxlength=3> size=100 maxlength=3<br> <input type=text size=100 maxlength=3 value="THIS BOX IS TEST"> size=100 maxlength=3 value="THIS BOX IS TEST"<br> <input type=text size=100 maxlength=3 value="THIS BOX IS TEST"readonly> size=100 maxlength=3 value="THIS BOX IS TEST" readonly<br> <input type=submit value="データ送信"> </form>
size=100
size=100 maxlength=3
size=100 maxlength=3 value="THIS BOX IS TEST"
size=100 maxlength=3 value="THIS BOX IS TEST" readonly
※この例では架空のCGIファイルを想定しているので、実際のデータ送信先はありません。
<input type=reset>
form内の部品上で入力されたデータ内容を消去するボタンです。
<form action=2010.cgi method=post> <input type=submit value="データ送信"> </form>
※この例では架空のCGIファイルを想定しているので、実際のデータ送信先はありません。
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
