最終更新:
toriaezuikioi 2010年09月21日(火) 15:17:36履歴
<form method="" action="" target="">〜送るデータ〜</form>データの送受信には<form>タグを使用する
<form>タグ内に<input>や<select>などを配置することで、
それらに入力・選択されたデータを送信することが出来る。
属性などの指定で、送信先のURLを指定したり出来る。
- method
GET | URIの形式でデータを送信(ex,〜ne.jp?name="haruhi"&school="kitako") |
POST | 本文としてデータを送信 |
そこで指定した値もURLの一部として表示されるため、セキュリティ上よろしくない。
またTEXTAREAで大量の文字列がきたら対応できないため、
一般的にはPOSTがよく使われる。
- action
Javaのstrutsとかだと「nagato.do」とか「haruhi.action」だったり、
PHPだと「mikuru.php」とかだったりする。
- target
_blank | 常に名前無しのウィンドウを新規に開いて、そこに表示します。 |
_self | 自分自身のウィンドウ(フレーム)に表示します。 |
_top | ウィンドウがフレームに分割されていれば、分割を全て解除して、そこに表示します。 |
_parent | ウィンドウがフレームに分割されていれば、1段だけ分割を解除して、その親フレームに表示します。 |
disabled | disabled="disabled"を指定すると、部品が無効化される。 ボタンとかは押せなくなるし、入力項目はなんも入力できん。 |
type | 部品の種類を指定する。 以下で説明する「text」や「submit」などを指定 |
class | クラスを指定する。 CSSとかでこの属性を使って、デザインしたりする。 |
id | idを指定する。 CSSとかでこの属性を使って、デザインしたりする。 |
name | 名前を指定する。 |
style | スタイルシートを指定する。 CSSを使わず、ベタでスタイルを指定するときに使う属性。 |
通常のテキストを入力するフィールドを表示
<input type="text">属性
maxlength | 最大入力文字数を指定する。 |
readonly | 読み出し専用にする。 |
size | 入力フィールドの大きさを指定する。 |
value | 初期値を指定する。 |
他の人にパスワードを見られないように、
入力した文字がすべてアスタリスク(*)で表示
入力した文字がすべてアスタリスク(*)で表示
<input type="password">属性
maxlength | 最大入力文字数を指定する。 |
size | 入力フィールドの大きさを指定する。 |
value | 初期値を指定する。 |
ブラウザからWWWサーバーにファイルをアップロードする際に用いる。
入力フィールドの横には参照ボタンが表示
入力フィールドの横には参照ボタンが表示
<input type="file">属性
maxlength | 最大入力文字数を指定する。 |
size | 入力フィールドの大きさを指定する。 |
オン・オフの値を持つチェックボックスを表示
<input type="checkbox">属性
checked | 初期値でチェックを点けているかを指定する。 |
value | オンの時の値を指定する。 |
同じ name 属性を持つラジオボタンでひとつのラジオボタングループを形成。
複数の内、どれかひとつしかチェックできない点がチェックボックスと異なる
複数の内、どれかひとつしかチェックできない点がチェックボックスと異なる
<input type="radio">属性
name(ほぼ必須) | ここが同じラジオボックスは全て1つのグループに所属する。 |
checked | 初期値でチェックを点けているかを指定する。 |
value | オンの時の値を指定する。 |
ボタンを押した時にJavaScriptなどを起動する際によく用いる
<input type="button">属性
value | ボタンに表示するテキストを指定する。 |
align | 表示位置を指定。 |
disabled | disabled="disabled"を指定すると、部品が無効化される。 |
multiple | 複数行選択可能にする。 Ctrlを押しながら選択すると複数選べる。 |
size | 一度に表示できる選択肢の行数を指定。 デフォルトは1。 |
class | クラスを指定する。 CSSとかでこの属性を使って、デザインしたりする。 |
id | idを指定する。 CSSとかでこの属性を使って、デザインしたりする。 |
name | 名前を指定する。 |
style | スタイルシートを指定する。 CSSを使わず、ベタでスタイルを指定するときに使う属性。 |
<select name="orenoyome" id="orenoyome"> <option value="haruhi">涼宮ハルヒ</option> <option value="nagato" selected="selected">長門有希</option> <option value="mikuru">朝比奈みくる</option> </select>
align | 表示位置を指定。 |
disabled | disabled="disabled"を指定すると、部品が無効化される。 |
cols | テキストエリアの横幅を指定する。 |
rows | テキストエリアの縦幅を指定する。 |
readonly | テキストエリアへの入力を出来なくする。 |
class | クラスを指定する。 CSSとかでこの属性を使って、デザインしたりする。 |
id | idを指定する。 CSSとかでこの属性を使って、デザインしたりする。 |
name | 名前を指定する。 |
style | スタイルシートを指定する。 CSSを使わず、ベタでスタイルを指定するときに使う属性。 |
<textarea cols="50" rows="3"> 初期値はここに書いてもおk </textarea>
このページへのコメント
Hello.
I need to contact admin.
Thank you.
x2LXBe Major thanks for the blog.Thanks Again. Keep writing.