HTML形式のフォーム

ユーザーは、登録し、ログインする他のシーンを提出するためのフォームフォーム、提出するすべてのデータを配置する必要がありますフォームタグ<フォームアクション=「」メソッド=「」>。

アクション:アドレス、アクションを提出し、タグが関連付けられているinputタグのtype属性を提出します。<入力タイプ= /値=「送信」「送信」>、アクションアドレスアドレスに送信されます

方法:提出方法、GETとPOSTの提出方法の2種類があります。

    取得:URLで見ることができるデータを送信、

               (1)パラメータを渡すhttp://reg.email.163.com/unireg/call.do?cmd=register.entrance&from=126mail

       (2)URLの長さが限られているので、パラメータデータが限界に合格します

       (3)データを見ることができるので、したがって安全でありません

       (4)デフォルトのWebページ要求を取得することです

    POSTメソッド:   

       (1)HTTPリクエストに格納されたフォームデータ

       (2)は長さの制限は存在しません

       データ(3)提出されたURLは、比較的安全見えません

       (4)開発は、多くの場合、データポストフォーム送信フォームを送信するために使用します

       (5)ファイルアップロード方法=ポストENCTYPE =マルチパート/フォームデータ

FORMタグ

<フォーム> ユーザー入力用フォーム定義
<入力> 入力フィールドを定義します。
<TEXTAREA> 定義されたテキストフィールド(複数行入力コントロール)
<ラベル> タグは、<input>要素を定義し、一般的にタイトルを入力します
<フィールドセット> これは、フレームを含む、関連するフォーム要素のセットを定義し、それらを使用します
<伝説> タイトルは、<フィールドセット>要素を定義します
<選択> これは、オプションのドロップダウンリストを定義します
<OPTGROUP> オプションの定義された一連
<オプション> オプションの定義されたドロップダウンリスト
<ボタン> ボタンのクリックを定義します。
<データリスト>       事前に定義された制御オプションの指定されたリストを入力します。
<keygenの>       定義されたフォーム鍵ペアジェネレータフィールド
<出力>        計算の定義

 

inputタグ:入力ボックスの一般的な性質としては、次のとおりです。

名前:簡単に送信フォームの入力ボックスの名前を指定します。

値:属性値、テキストボックスの内容。

プレースホルダ:デフォルトのテキストボックスには、コンテンツを表示するために使用することができます。

読み取り専用:読み取り専用文字入力ボックスは変更できません。

無効:無効。

サイズ:入力フレームは1行であるので、あなたが幅を設定することができます。

文字の最大数を制限すると、入力ボックスに入力された;: MAXLENGTHを

プロパティのタイプ:

テキスト:プレーンテキスト、デフォルトのプロパティ。

パスワード:テキストのパスワードは、コンテンツが正常にパスワードを設定するために使用され表示されません。入力されました。

投稿:送信ボタンを。

チェックボックス:チェックボックス、複数選択。

lable:単一のボックス、name属性を維持関連付けられた複数の選択肢、<labkeため=「」> </ lable>:アソシエーションのためのラジオボタン、テキスト、

隠された:ページの表示中に隠されたフィールド、ありません。

ドロップダウンボックス

選択:ドロップダウン選択ボックスは、プロパティ名を設定することができ、各オプションは、オプションがあり、デフォルトで選択された使用を選択

籍贯:<選択名= "から"> 
         <オプション値= "BJ">北京</オプション> 
         <オプション値= "SH">上海</オプション> 
         <オプション値= "GZ">广州</オプション> 
         <オプション値= "SZ">深圳</オプション> 
      </ select>の

  

テキストフィールド

TEXTAREA:テキストフィールド、複数行のテキストを入力します。

属性:

COLS:番号(幅)の列

行:数(高さ)行

<!DOCTYPE HTML> 
<HTML> 
	<HEAD> 
		<METAのcharset = "UTF-8" /> 
		<タイトル>フォームフォーム</ TITLE> 
	</ HEAD> 
	<BODY> 
		<フォーム> 
			<! -テキストボックス- > 
			ユーザ名:<入力タイプ=「テキスト」プレースホルダ=「 ユーザー名を入力してください。」/> 
			<種類の入力=「ボタン」値=「クリック」/> <brの/>の   
			パスワード:<入力タイプは、=「パスワード」プレースホルダ=「入力してくださいパスワード」/> 
			種類の<INPUT =値=「確認してください」/>「送信」
			<br /> 
			<タイプの入力=「隠された」値=「隠された」/> 
			<! -チェックボックス- > 
			あなたの好きな果物は何ですか?<br /> 
			アップルの<input type = "チェックボックス"
			<input type = "ラジオ"名前 = "性別" ID = "ナン"値= "0" /チェック= ""> <= "ナン"のラベル> M </ラベル> 
			 の<input type = "ラジオ"名前= "セックス" ID = "NV " = "NV"のために/> <ラベル> 女性</ label>は
			<br /> 
			< -ドロップダウンリスト- >!
			あなたの好きな科目を選択してください:
			<選択サイズ=「1 "名前="フォーム"> 
				<オプション>言語</オプション> 
				<オプション選択="選択「>数学</オプション> 
				<オプション>英語</オプション> 
			</ SELECT> 
		</ FORM> 
		<! -テキストフィールド- > 
		<のTextAreaのcols =行は= "20は">あなたの</のTextArea>入力してください"20は" 
	</ BODY>を
</ HTML>

グラム

 

おすすめ

転載: www.cnblogs.com/webdelovely/p/11411811.html