HTML+CSSの簡(jiǎn)単に始められるフォーム
1: フォーム
フォームは <form></form> で構(gòu)成されます
フォームは登録などの情報(bào)を収集するために使用されます: ユーザー名、パスワード、電子メール、攜帯電話番號(hào)、確認(rèn)コードを入力する必要があります。これらのデータは、フォームを通じて送信し、別のページでこの情報(bào)を受け取ります
フォームの書(shū)き方は次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>歡迎學(xué)習(xí)表單</title> </head> <body> <form></form> </body> </html>
このようにして、次の屬性パラメータを見(jiàn)てください:
続き フォームタグの一般的に使用されるいくつかの屬性を見(jiàn)てみましょう
1. action
2.method
3.enctype="multipart/form-data"
action
action 屬性は、アクションを定義します。フォーム送信時(shí)に実行されます。
フォームをサーバーに送信する通常の方法は、送信ボタンを使用することです。
通常、フォームは Web サーバー上の Web ページに送信されます。
次のコードを見(jiàn)てください:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>歡迎學(xué)習(xí)表單</title> </head> <body> <form action="login.php"> <!-- 表單元素等 --> </form> </body> </html>
上記のコードを見(jiàn)ると、フォームはlogin.phpに送信され、処理、判斷、または追加するフォームの情報(bào)を取得できます。
method
method 屬性は、フォームの送信時(shí)に使用される HTTP メソッド (GET または POST) を指定します。
<form action= "" method="POST"></form>
2つの違いについては後ほど説明します
enctype="multipart/form-data"
ファイルをアップロードするには、この文をフォームに入れる必要があります
<form action=""method="POST" enctype="multipart/form-data"></form>
Form要素(強(qiáng)調(diào)）1.テキストボックス＆lt; textarea name = "content"＆gt;＆lt; /textarea＆gt;
4; >
5. チェックボックス <input type="checkbox" name="checkbox" value="checkbox" />
6. ドロップダウン ボックスinput type="file">
8.送信: submit リセット: リセット 送信: ボタン
次に、次のように、これらのフォーム要素をインスタンスに統(tǒng)合します。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>歡迎學(xué)習(xí)表單</title> </head> <body> <form action="login.php" method="post" enctype="multipart/form- data"> 姓名：<input type="text" name="name" id=1><br><br> <input type="hidden" name="hidd"> <!--隱藏域默認(rèn)是不顯示的--> 簡(jiǎn)介：<textarea name="text" rows="10" cols=""></textarea> <br><br> <!--rows是要寫(xiě)多少行 cols每行要寫(xiě)多少個(gè)字符--> 國(guó)籍：<input type="radio" name="radio" value="radio" checked/>中國(guó) <input type="radio" name="radio" value="radio" />美國(guó) <input type="radio" name="radio" value="radio" />日本 <!--注：當(dāng)使用單選按鈕時(shí)，必須要有一個(gè)相同的name屬性--> <br><br> 愛(ài)好：<input type="checkbox" name="checkbox" value="checkbox" checked/>籃球 <input type="checkbox" name="checkbox" value="checkbox" />足球 <input type="checkbox" name="checkbox" value="checkbox" />音樂(lè) <br><br> 來(lái)自： <select> <option selected>安徽</option> <option>上海</option> <option>北京</option> <option>浙江</option> </select> <br><br> <input type="file"> <!--上傳文件--> <br><br> <input type="submit" value="提交"> <input type="reset" value="重置"> <input type="button" value="添加"> </form> </body> </html>
単一選択と複數(shù)選択、デフォルトの選択がチェックされます 入力に直接書(shū)き込むこともできます
checked="checked"と書(shū)くこともできます
ドロップダウンボックス、選択された
ボタン
リセットは、によって選択されますデフォルト フォームにリセットがある場(chǎng)合 情報(bào)を送信するときに、クリックすると內(nèi)容がクリアされます
送信とボタンの違い
送信ボタンをクリックすると、ボタンをクリックするとフォームがページに送信されます。ジャンプはありません。トリガーするには、ボタンをイベントにバインドする必要があります。イベントがトリガーされると、フォームも送信されます。POST と GET を使用すると、送信されたコンテンツが表示されます。 post メソッドを使用しても、フォームによって送信された情報(bào)は表示されません。
全體的に言えば、ほとんどのフォーム送信では安全性の高い post メソッドが使用されます。 URL に表示する必要はありませんが、Get メソッドは URL に表示する必要があります。
2.Post は 2M に達(dá)する大量のデータを送信しますが、Get メソッドは URL の長(zhǎng)さの制限により約 1024 バイトしか転送できません。3.Post は、名前が示すように、サーバーにデータを送信します。 Get がサーバー セグメントからデータを取得する理由は、Get が http リクエストのコンテンツとして使用されるデータの種類をサーバーに伝えるためだけです。 HTTPヘッダーで送信されます
