html5中可以有多個form嗎

html5中可以有多個form。在同一個HTML的頁面中規則上允許可以用到多個form標籤，但是為了防止提交時後臺無法識別，需要給表單加上不同的ID或者class，語法「<from action="url" id="id值1">表單元素</from><from action="url" id="id值2">表單元素</from>.....」。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

表單最重要的表現是在使用者端接收使用者的資訊，然後將資料遞交給後臺的程式來操控這些資料，從技術的概念上說，表單就是用來操作form物件，物件是一種基本的資料型別。

HTML表單是一個包含表單元素的區域，用於蒐集不同型別的使用者輸入；表單元素是允許使用者在表單中（比如：文字域、下拉選單、單選框、核取方塊等等）輸入資訊的元素；表單使用表單標籤（<form>）定義。

表單最終是需要提交資料給伺服器的，form標籤有一個action屬性，這個屬性用來指定伺服器地址；

action屬性用來註定屬性提交給哪個伺服器。
action屬性和的超連結中的href屬性一樣。都可以向伺服器傳送請求（request）

<from action="url"><!--url指提交的目標網站 -->
<!-- 畫一個提交按鈕
	這個按鈕可以使用input輸入閾，type="submit"的時候表示這個按鈕是一個提交按鈕，具有提交表單的能力 -->
<!-- 對於按鈕來說，按鈕的value屬性用來指定按鈕上顯示的文字資訊。 -->
	<input type="sumbit" vaule="登入"/>
	<!-- buutton這是一個普通按鈕，不具備提交表單的能力 -->
		<input type="button" />
</from>

一個網頁當中可以有多個表單form

在同一個HTML的頁面中規則上允許可以用到多個<form></form>標籤，但是為了防止提交時後臺無法識別最好給表單加上不同的ID或者class，這裡選擇的是加上不同id的方法供大家參考。

表單和超連結沒什麼太大的區別

超連結和表單都可以向伺服器傳送請求
超連結沒法進行資料收集
表單傳送請求的同時還可以攜帶資料

表單是以什麼格式提交給伺服器的？

http://localhots:8080/jd/login?username=abc&userpwd=111

格式：

actionname=vaule&namevaule&name=vaule&name=vaule&name=vaule…

HTTP協定規定，必須以這種格式提交給伺服器。

<!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="登入">
			&nbsp;&nbsp;&nbsp;&nbsp;
			<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資料不會被提交（即使有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="提交資料" />

maxlength

設定文字方塊中可輸入的字元數

<input type="text" maxlength="3">