描述:
表单就是在网页上用于输入信息的区域,主要功能是收集用户输入的信息,并将其提交给后端的服务器进行处理,实现用户与服务器的交互
注:以下内容只是我觉得需要主要而已
form标签常用的属性:
属性 | 功能描述 |
---|---|
action | 指定接收并处理表单数据的服务器程序的URL地址 |
method | 设置表单数据的提交方式,常用的有get和post方式,默认为get |
enctype | 规定发送到服务器之前应该如何对表单数据进行编码 |
- action属性的值可以是绝对路径、相对路径,若省略该属性则表示提交给当前文件进行处理
- GET方式传递的表单在URL地址栏中可见。相比GET方式POST方式提交的数据是不可见的,在交互式相对安全。因此,通常情况下使用POST方式提交表单数据。
- enctype属性的默认值是 application/x-www-form-urlencoded 表示在发送表单数据前编码所有字符。其它设置multipart/form-data(POST方式) 表示不进行字符编码,尤其是含有文件上传的表单必须使用该值 ,text/plain(POST方式)表示传输普通文本
表单控件
(1)input控件
name属性用于指定控件的名称,用来区分表单中多个相同的控件,value属性用于设置表单控件的默认值
(2)单选框与复选框
checked属性用于设置默认选中项。对于单选框和复选框来说,他们应该具有相同的name属性值和不同的value值,input标签后的文字用于在html页面中显示,实际提交的内容为value属性中设置的值
(3)select控件
下拉列表,selected属性用于设置默认的选中项
(4)label标签
在编写表单控件时,为了提供更好的用户体验,经常将input控件与label标签联合使用,以扩大控件的选中范围
<?php
var_dump($_POST);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="testform.php" method="post" enctype="multipart/form-data">
<label>姓名:<input type="text" name="user" /></br></label>
<label>性别:<input type="radio" name="gender" id="gender" value="man" checked="checked" />男
<input type="radio" name="gender" id="gender" value="women" />女</label>
<br />地区:
<select name="area">
<option value="defaulted" selected="">--请选择--</option>
<option value="beijing">北京</option>
</select>
<br />
<input type="submit" id="" name="" />
</form>
</body>
</html>
交互
通过POST方式提交的数据会保存到$_POST中,通过GET方式提交的数据会保存到$_GET中
当表单数据被提交时,表单中具有name属性的元素会将用户填写的内容提交给服务器