第7章フォーム
ディレクトリ
動的なWebページを作成するときに、Webページでの使用の多くの形態は、特に、頻繁に使用します。クライアントが提供する収集情報に使用される主な形態は、ウェブサイトには、インタラクティブな機能を備えています。ウェブ制作過程では、多くの場合、あなたは、このような会員登録、オンライン調査や検索など、フォームを使用する必要があります。訪問者は、テキストフィールド、リストボックス、チェックボックスやラジオボタンのフォームオブジェクトなどの入力情報を利用して、情報を提出するボタンをクリックすることができます。
1、フォームタグフォーム
ページの<FORM> </ FORM>タグがフォームを作成するために使用され、すなわち、開始位置と終了位置は、すべてのマーカーのうちの形を定義するすべてのコンテンツの形態です。フォーム内の<FORM>タグにおいて、基本プロパティの形は、フォーム、方法及び送信ハンドラの名前を含む、提供されてもよいです。一般的には、フォームアクションハンドラメソッドと伝送方式が必須パラメータです。
1.1フォームアクションを提出
アドレス処理を指定するには、フォームデータを提出するためのアクション。
構文:
<form action="表单的处理程序">
......
</form>
1.2フォーム名の名前
必要な属性名の名前を形成するために使用され、このプロパティは、フォームではありませんが、フォームは名前を形成するのが一般的な必要性を防止するために、スプーラに提出されたときに混乱が発生します。
構文:
<form name="表单名称">
...
</form>
フォーム名には、特殊文字やスペースを含めることはできません。
1.3転送方法方法
データは可能な値またはポストを得る提出方法、HTTPを使用してサーバーに送信されたフォームのmethod属性を指定します。
入手:フォームデータはURLを指定したaction属性に伝達され、その後、新しいURLをハンドラに送信されます。
ポスト:フォームデータは、フォーム本体内に収容され、その後、処理プログラムに送られます。
構文:
<form method="传送方法">
......
</form>
1.4エンコーディング
提供される情報を符号化するためのフォームでのenctype属性は、フォームを提出しました。
構文:
<form enctype="编码方式">
......
</form>
1.5ターゲットオブジェクト表示方法
オープンウィンドウをターゲットにターゲットと、ターゲットウィンドウフォームは、多くの場合、情報の表示形式を返すために使用されています。
構文:
<form target="目标窗口的打开方式">
......
</form>
ターゲットウィンドウは、4つのオプション、_blank、_parent、_selfと_topを持って開きます。リンク先のファイルは、名前のない新しいブラウザウィンドウにロードされた_blank、_parentは、リンクフレームのフレームセットの親または親ウィンドウを含むリンクされたファイルをロードします。_selfは、リンクされた文書のことをロードするためにリンクと同じフレームまたはウィンドウ;リンク先のファイルは、すべてのフレームを削除するよう_topは、ブラウザウィンドウ全体をロードします。
2、フォームオブジェクトに挿入されています
多くの異なるフォーム要素によって、Webページのフォーム。テキストフィールド、ラジオボタン、チェックボックス、メニュー、リスト、ボタンなど、これらのフォーム要素。
2.1テキストフィールドのテキスト
ページには、最も一般的なフォーム要素は、テキストフィールド、ユーザー入力できる文字またはテキストフィールドに単一行のテキストです。
構文:
<input name="控件名称" type="text" value="文字字段的默认值" size="控件的长度" maxlength="最长字符数" />
2.2パスワードドメインパスワード
特別なパスワードフィールドがテキストフィールドで、その属性とテキストフィールドのそれぞれは同じです。違いは、アスタリスク「*」でパスワード入力フィールド内のすべての文字が示すことです。
構文:
<input name="控件名称" type="password" value="文字字段的默认取值" size="控件的长度" maxlength="最长字符数" />
2.3ラジオボタンラジオ
ラジオボタンは、ユーザーが選択リストからオプションを選択することを可能にする小さな、丸いボタン、です。
構文:
<input name="单选按钮名称" type="radio" value="单选按钮的取值" checked />
これは、リストを選択するために、すべてのラジオボタンのために、値のためのラジオボタンで設定する必要があり、1人の裁判官のより良い選択に渡すときにそうすることを、設定することが多くの場合、同じ名前です。ラジオボタングループでは、一つだけのラジオボタンがチェックするように設定することができます。
2.4チェックボックスのチェックボックス
チェック・ボックスは、ユーザーがオプションのリストから複数のオプションを選択することができます。
構文:
<input name="复选框名称" type="checkbox" value="复选框的取值" checked />
2.5普通のボタンボタン
投稿ページにも非常に共通しているウェブページのボタンで、多くの場合、内容をクリアするために使用されます。通常の状況下では通常のボタンは、フォーム処理を実行するスクリプトを結びつけるために。
構文:
<input type="button" name="按钮名称" value="按钮的取值" οnclick="处理程序" />
値の値は、ボタンのonclick属性内のボタンの上にテキストで表示されているが、いくつかの特別な機能を実現するために追加することができます。
2.6ボタンを提出
提出されたコンテンツのフォームを達成することができ、ボタンクラスをクリックして、ボタンが特殊なボタンで提出してください。
構文:
<input type="submit" name="按钮名称" value="按钮的取值" />
2.7リセットボタンリセット
ページでユーザーが入力した情報をクリアするにはリセットボタンを押します。
構文:
<input type="reset" name="按钮名称" value="按钮的取值" />
2.8画像領域
あなたはまた、任意の表情想像のボタンを作成することができますそう、ボタンとして画像を使用することができます。
構文:
<input name="图像域的名称" type="image" src="图像路径" />
2.9非表示フィールドに隠さ
時には一部のデータを転送することもでき、ユーザーのためのデータは表示されません。そのようなデータは、隠されたフィールドを介して送信されてもよいです。どのようなデータ処理を提出する非表示フィールドに含まれていますが、これらのデータは、ブラウザに表示されません。
構文:
<input name="隐藏域名称" type="hidden" value="隐藏域的取值" />
2.10ドメインファイルのファイル
文件域在上传文件时常常用到,它用于查找硬盘中的文件路径,然后通过表单将选中的文件上传,在上传图像时也常常用到。
语法:
<input name="文件域名称" type="file" size="控件的长度" maxlength="最长字符数" />
3、菜单和列表
3.1下拉菜单
下拉菜单是一种最节省页面空间的选择方式,因为在正常状态下只显示一个选项,单击下拉按钮打开菜单后才会看到全部的选项。
语法:
<select name="下拉菜单名称">
<option value="选项值" selected>选项显示内容</option>
......
</select>
3.2列表项
在页面使用列表项可以显示出几条信息,一旦超出这个信息量,在列表项右侧会出现滚动条,拖动滚动条便可以看到所有选项。
语法:
<select name="列表项名称" size="显示的列表项数" multiple>
<option value="选项值" selected>选项显示内容</option>
......
</select>
4、文本域标记textarea
当需要让浏览者填入多行文本时,就应该使用文本域而不是文字字段。和其他大多数表单对象不一样,文本域使用的是textarea标记而不是input标记。
语法:
<textarea name="文本域名称" cols="列数" rows="行数"></textarea>
在语法中,不能使用value属性来建立一个在文本域中显示的初始值。相反,应当在textarea标记的开头和结尾之间包含想要在文本域内显示的文本。
5、id标记
id标记是一个较为特殊的标记,它主要用于标示一个惟一的元素。这个元素可以是文字字段,可以是密码域,也可以是其他的表单元素,甚至可以是一幅图像、一个表格。
语法:
<id = 元素标识名>