PHP 表单和用户输入

PHP 表单和用户输入

 

介绍表单之前我们先来了解一下关于表单的基本知识点:

 

1.表单标签<form>

<form> 标签用于为用户输入创建 HTML 表单。

 

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

 

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

 

表单用于向服务器传输数据。

 

<form>标签

必要属性:

Action,规定当表单提交时,向何处发送表单数据。

 

可选属性:

Method,规定如何发送表单数据。

Name,规定表单的名称。

Enctype,规定数据发送到服务器之前如何编码。

 

2、文本框,用户的输入

 

定义:<input type=”text” name=”wenbenkuang” >

 

服务器使用:$_POST[‘wenbenkuang’];

 

注意事项:文本框是最常见的表单元素,是一个名对应一个值的形式。

 

3、密码框, 提供用户输入密码的区域。

 

定义:<input type=”password” name=”mimakuang”>

服务器使用:$_POST[‘mimakuang’];

注意事项:密码框是把文本框中的明文使用密文来表示,增加数据安全性,但不能检查输入是否正确,所以一班会提供两个密码框,来验证用户输入的密码的一致。

 

4、隐藏域, 提供不可见的表单元素。

 

定义:<input type=”hidden” name=”yincangyu” value=”123”>

服务器使用:$_POST[‘yincangyu’];

注意事项:隐藏域是在页面上看不到的表单元素,我们通常使用此种方式传递id类的值。

 

5、复选框,提供选取多个的操作。

 

定义:<input type=”checkbox” name=”fuxuankuang[]” value=”1” checked=”checked”>

<input type=”checkbox” name=”fuxuankuang[]” value=”2”>

服务器使用:$_POST[‘fuxuankuang’];值是一个数组。

 

注意事项:我们通过把name属性设为同一个数组的方式放置一组复选框的。其中的checked属性规定复选框的初始状态是否被选中。

 

6、单选框,提供在多者选其一的操作。

 

定义:<input type=”radio” name=”danxuankuang” value=”1” checked=”checked”>

<input type=”radio” name=”danxuankuang” value=”2”>

服务器使用:$_POST[‘danxuankuang’];值是一个数,不是数组。

注意事项:我们通过把name属性设为相同的方式放置一组单选框的。其中的checked属性规定单选框的初始状态是否被选中。

 

7、文本域,提供一个大量文字输入区域。

 

定义:<textarea name=”wenbenyu”>1234</textarea>

服务器使用:$_POST[‘wenbenyu”];

 

注意事项:文本域是一个双标签,我们可以通过cols和rows属性文本域的可见列和行数。控制他的宽高。当我们需要输入一大段文字的时候需要用到文本域。

 

8、列表,提供一个有限列表供选择。

 

定义:

<select name=”liebiao”>

<option value="1">选项1</option>

<option value="2">选项2</option>

<option value="3" selected="selected" >选项3</option>

<option value="4">选项4</option>

</select>

 

服务器使用:$_POST[“liebiao”];你选中哪个,他的值就为哪个option的value属性的值。

 

注意事项:select是一个双标签。他的每个选项通过<option>标签来实现。其中name属性要写到select标签上,而代表每个选项值的value属性要写到option标签上。我们可以通过select标签的multiple属性来控制是否可以多选:

<select multiple=”multiple”>

还可以通过size属性控制显示的条目数。

9、文件域,用来提供上传文件元素

 

定义:<input type=”file” name=”wenianyu”>

服务器使用:$_FILES[‘wenjianyu’];得到的是一个含有五个元素的数组,包含上传文件的一些基本信息。

 

注意事项:若想使用表单上传文件,则一定要在form标签中要加入如下属性<form enctype=“multiplart/form-data”,之后我们通过$_FILES这个全局数组变量取得上传文件的信息。

 

10、重置, 重置按钮用来恢复表单的初始状态

 

定义:<input type=”reset” value=”重置”>

 

注意事项:重置按钮是恢复表单的初始值,非常常用的一个功能。其中的value属性是规定按钮上的文字。

 

11、提交, 提交表单按钮。

 

定义:<input type=”submit” name=”submit” value=”提交”>

 

注意事项:当点击此按钮时,表单被提交到指定页面。此按钮可以有name属性值,一般我们在服务器端提供判断$_POST[‘submit’]的值来判断当前请求是否来自表单提交。

 

以上内容介绍了表单所包含的内容,作用及注意事项,下面我们就来详细学习关于表单的具体内容。

PHP 中的 $_GET 和 $_POST 变量用于检索表单中的信息,比如用户输入。

PHP 表单处理

有一点很重要的事情值得注意,当处理 HTML 表单时,PHP 能把来自 HTML 页面中的表单元素自动变成可供 PHP 脚本使用。

实例

下面的实例包含了一个 HTML 表单,带有两个输入框和一个提交按钮。

form.html 文件代码如下:

<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
 
<form action="welcome.php" method="post">
名字: <input type="text" name="fname">
年龄: <input type="text" name="age">
<input type="submit" value="提交">
</form>
 
</body>
</html>

当用户填写完上面的表单并点击提交按钮时,表单的数据会被送往名为 "welcome.php" 的 PHP 文件:

welcome.php 文件如下所示:

欢迎 <?php echo $_POST["fname"]; ?>!<br>
你的年龄是 <?php echo $_POST["age"]; ?>  岁。

通过浏览器访问演示如下:

QQ图片20161009111553.png


我们将在下一章中讲解 PHP 中的 $_GET 和 $_POST 变量。


继续学习
||
<html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="welcome.php" method="post"> 名字: <input type="text" name="fname"> 年龄: <input type="text" name="age"> <input type="submit" value="提交"> </form> </body> </html>
提交重置代码
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!