表单提交详解-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_26747571/article/details/51973726

表单提交时我们需要对表单中的数据进行判断，所以可以用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服务器在线状态。

submit表单提交