入力フォームを表示する

入力フォームを表示する【<form>】

ブラウザで表示した時の見え方

ソースサンプル

<form method ="post" action="./form/formmail.cgi">
名前：<input type="text" name="name">
<input type="submit" value="申し込み">
<input type="reset" value="リセット">
</form>

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

アンケートや商品の注文を受け付けるための入力フォームを作成できます。
フォームの内容はaction属性で指定されたURI（URL）やメールアドレスに送信されます。
フォームの内容をメールで受け取る場合は、URLエンコードされたままデータが届くので、元の文字列に戻すデコード用ツールが必要です。数多くフリーウェアとして配布されていますから、ネットでダウンロードできます。
<input type="text">や<textarea>初期値となるテキストをあらかじめ書いておくことが薦められています。（空だと正しく処理できないブラウザがあるため）
cgiを利用する場合はインターネット上で無料、有料で入手することができます。
サンプルのため、ここではデータを送信することはできません。メールアドレス、cgiなどを別途用意する必要があります。
action属性は必須です。method、enctype以外の属性は、DTDによって使えないものがあります。

オプション
action	プログラム名	実行ボタンを押したときの動作を指定する	<form action="./sendmail.cgi">
method	get、post	サーバーに送るデータの形式を指定する	<form method="post">
enctype	mimeタイプ	フォームのデータを送信するときのmimeタイプを指定する	<form enctype="multipart/form-data">
accept-charset	文字セット	サーバーが使用可能な文字セットを指定する	<form accept-charset="Shift-JIS">
accept	mimeタイプ	データのmimeタイプを指定する	<form accept="text/plane">
name	変数名	スクリプト言語などから参照できるようにするための名前を指定する	<form name="name">
target	フレーム名またはウインドウ名	実行ボタンを押した時に表示させる場所を指定するウインドウ名	<form target="window">
属性名	値	機能	例

method属性のpostを指定した場合、ブラウザはサーバーに接続し、エンコードした内容をプログラムに渡すよう要求します。getを指定した場合は、プログラムを呼び出すURIの後ろにエンコードしたデータを?でつないで、URIの一部としてサーバーに送信します。一般的には検索結果などを表示するためにはgetを指定し、メッセージや内容の登録などにはpostを指定します。

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > HTML - 入力フォームを表示する