html5中可以有多個form。在同一個HTML的頁面中規(guī)則上允許可以用到多個form標簽,但是為了防止提交時后臺無法識別,需要給表單加上不同的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ù)遞交給后臺的程序來操控這些數(shù)據(jù),從技術的概念上說,表單就是用來操作form對象,對象是一種基本的數(shù)據(jù)類型。
HTML表單是一個包含表單元素的區(qū)域,用于搜集不同類型的用戶輸入;表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素;表單使用表單標簽(<form>)定義。
表單最終是需要提交數(shù)據(jù)給服務器的,form標簽有一個action屬性,這個屬性用來指定服務器地址;
-
action屬性用來注定屬性提交給哪個服務器。
-
action屬性和的超鏈接中的href屬性一樣。都可以向服務器發(fā)送請求(request)
<from action="url"><!--url指提交的目標網(wǎng)站 --> <!-- 畫一個提交按鈕 這個按鈕可以使用input輸入閾,type="submit"的時候表示這個按鈕是一個提交按鈕,具有提交表單的能力 --> <!-- 對于按鈕來說,按鈕的value屬性用來指定按鈕上顯示的文本信息。 --> <input type="sumbit" vaule="登錄"/> <!-- buutton這是一個普通按鈕,不具備提交表單的能力 --> <input type="button" /> </from>
一個網(wǎng)頁當中可以有多個表單form
在同一個HTML的頁面中規(guī)則上允許可以用到多個<form></form>標簽,但是為了防止提交時后臺無法識別最好給表單加上不同的ID或者class,這里選擇的是加上不同id的方法供大家參考。
表單和超鏈接沒什么太大的區(qū)別
-
超鏈接和表單都可以向服務器發(fā)送請求
-
超鏈接沒法進行數(shù)據(jù)收集
-
表單發(fā)送請求的同時還可以攜帶數(shù)據(jù)
表單是以什么格式提交給服務器的?
http://localhots:8080/jd/login?username=abc&userpwd=111
格式:
actionname=vaule&namevaule&name=vaule&name=vaule&name=vaule…
HTTP協(xié)議規(guī)定,必須以這種格式提交給服務器。
<!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,可以設置多選上限
<select multiple="multiple" size="n">
file控件(上傳文件)
<input type="file" />
readonly disabled
<!-- readonly與disabled相同點:都是只讀不能修改 但是readonly可以提交給服務器,disabled數(shù)據(jù)不會被提交(即使有name屬性也不會被提交)--> <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ù)
<input type="text" maxlength="3">