表單提交時我們需要對錶單中的數據進行判斷,所以可以用submit和button提交表單。
首先我們來看一下表單form的一些屬性
1、id:表單的唯一標識
2、name:表單的名字
3、method:定義表單提交的方法,有兩種方法:Post方法和Get方法
4、action:用於處理表單的服務器端頁面(以URL 形式表示)
表單中的控件有兩個屬性是非常重要的:name屬性和value屬性,每一個控件的這兩個屬性將構成“name-value對”提交到action屬性所定義的頁面進行處理。
表單頁碼 formSubmit.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form表單提交</title>
</head>
<body>
<form id="formid" name= "myform" method = 'get' action = 'test.php'" >
<table width="100%" border="0">
<tr>
<td width="60" height="40" align="right">用戶名 </td>
<td>
<input type="text" value="" class="text2" name = "name" id = "userid"/>
</td>
</tr>
<tr>
<td width="60" height="40" align="right">密 碼 </td>
<td>
<input type="password" value="" class="text2" name = "password" id = "userpassid"/>
</td>
</tr>
<tr>
<td width="60" height="40" align="right"> </td>
<td><div class="c4">
<input type="submit" value="提交" class="btn2" />
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
後臺接收表單代碼 test.php
<?php
$name = $_GET['name'];
$password = $_GET["password"];
echo "name=".$name.", "."password="."$password";
?>
頁面顯示效果如下:
然後輸入表單數據
點擊提交後頁面顯示如下:
由頁面效果可看出輸出了提交的表單數據
注意這裏用的是get方法提交的表單數據,地址欄中會顯示提交數據的參數,提交表單時form表單中的name的value值必須和接收表單的字段名保持一致,如表單中name="username",那接收數據若爲get方法必須爲$_GET["username"]。不然會出現錯誤信息,如下
註釋:這裏我用的是warmpserve服務器,php語言接收表單數據,注意 ".php"文件必須放在warmpserver服務器的www根目錄文件下,同時需保持wampserver服務器在線狀態。