站長資訊網(wǎng)
html5中可以有多個(gè)form。在同一個(gè)HTML的頁面中規(guī)則上允許可以用到多個(gè)form標(biāo)簽，但是為了防止提交時(shí)后臺(tái)無法識(shí)別，需要給表單加上不同的ID或者class，語法“<from action="url" id="id值1">表單元素</from><from action="url" id="id值2">表單元素</from>…..”。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
表單最重要的表現(xiàn)是在客戶端接收用戶的信息，然后將數(shù)據(jù)遞交給后臺(tái)的程序來操控這些數(shù)據(jù)，從技術(shù)的概念上說，表單就是用來操作form對(duì)象，對(duì)象是一種基本的數(shù)據(jù)類型。
HTML表單是一個(gè)包含表單元素的區(qū)域，用于搜集不同類型的用戶輸入；表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復(fù)選框等等）輸入信息的元素；表單使用表單標(biāo)簽（<form>）定義。
表單最終是需要提交數(shù)據(jù)給服務(wù)器的，form標(biāo)簽有一個(gè)action屬性，這個(gè)屬性用來指定服務(wù)器地址；
-
action屬性用來注定屬性提交給哪個(gè)服務(wù)器。
-
action屬性和的超鏈接中的href屬性一樣。都可以向服務(wù)器發(fā)送請(qǐng)求（request）
<from action="url"><!--url指提交的目標(biāo)網(wǎng)站 --> <!-- 畫一個(gè)提交按鈕 這個(gè)按鈕可以使用input輸入閾，type="submit"的時(shí)候表示這個(gè)按鈕是一個(gè)提交按鈕，具有提交表單的能力 --> <!-- 對(duì)于按鈕來說，按鈕的value屬性用來指定按鈕上顯示的文本信息。 --> <input type="sumbit" vaule="登錄"/> <!-- buutton這是一個(gè)普通按鈕，不具備提交表單的能力 --> <input type="button" /> </from>
一個(gè)網(wǎng)頁當(dāng)中可以有多個(gè)表單form
在同一個(gè)HTML的頁面中規(guī)則上允許可以用到多個(gè)<form></form>標(biāo)簽，但是為了防止提交時(shí)后臺(tái)無法識(shí)別最好給表單加上不同的ID或者class，這里選擇的是加上不同id的方法供大家參考。
表單和超鏈接沒什么太大的區(qū)別
-
超鏈接和表單都可以向服務(wù)器發(fā)送請(qǐng)求
-
超鏈接沒法進(jìn)行數(shù)據(jù)收集
-
表單發(fā)送請(qǐng)求的同時(shí)還可以攜帶數(shù)據(jù)
表單是以什么格式提交給服務(wù)器的？
http://localhots:8080/jd/login?username=abc&userpwd=111
格式：
actionname=vaule&namevaule&name=vaule&name=vaule&name=vaule…
HTTP協(xié)議規(guī)定，必須以這種格式提交給服務(wù)器。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form> <table > <tr> <td>用戶名</td> <td><input type="text" name="username"/></td> </tr> <tr> <td>密碼</td> <td><input type="password" name="userpwd"/></td> </tr> <tr align="center"> <td colspan="2" > <input type="submit" value="登錄"> <input type="reset" value="清空"></td> </tr> </table> </form> </body> </html>
multiple="multiple" 支持多選
在后方添加size，可以設(shè)置多選上限
<select multiple="multiple" size="n">
file控件（上傳文件）
<input type="file" />
readonly disabled
<!-- readonly與disabled相同點(diǎn)：都是只讀不能修改 但是readonly可以提交給服務(wù)器，disabled數(shù)據(jù)不會(huì)被提交（即使有name屬性也不會(huì)被提交）--> <form action="http://localhost:8080/taobao/save"> 用戶代碼<input type="text" name="usercode" value="110" readonly /> <br> 用戶代碼<input type="text" name="username" value="120" disabled /> <br> <input type="submit" value="提交數(shù)據(jù)" />
maxlength
設(shè)置文本框中可輸入的字符數(shù)
<input type="text" maxlength="3">
