1. 创建表单
标记的属性 | 说明 |
---|---|
name | 表单的名称 |
method | 设置表单的提交方式 |
action | 指向该表单处理的URL |
enctype | 设置表单内容的编码方式 |
target | |
_blank 将返回信息显示到新的窗口中 | |
_parent 将返回信息显示到父级窗口中 | |
_self 将返回信息显示到当前窗口中 | |
_top 将返回信息显示到顶级窗口中 |
2. 表单元素
值 | 举例 | 说明 |
---|---|---|
text | input name=”user” type=”text ” value=”纯净水” | 文本框 |
password | input name=”password” type=”password” | 密码域 |
file | input name=”file” type=”file” enctype=”multipart/form-data” | 文件域要想上传后面那个必须写 |
image | input name=”image” type=”image” | 图像域,但是有点击功能 |
radio | input name=”radio” type=”radio” | 单选按钮功能 |
checkobx | input name=”checkobx” type=”checkobx” value=”1” checked | 复选框操作,后面有实例代码 |
submit | input name=”submit” type=”submit” | 添加一个提交按钮 |
reset | input name=”reset” type=”reset” | 清除与重置表单内容, 用于清除表单中所有文本框的内容,并使选择菜单项目恢复到初始值 |
button | input name=”button” type=”button” | 按钮可以激发提交表单的动作,当用户修改表单信息到时候,将表单恢复到初始的状态,一般这个是试用javascript脚本来进行表单处理的 |
hidden | input name=”hidden” type=”xxxx” | 隐藏域,用于在表单中以隐含的方式提交变量值,隐藏域在页面中对于用户是不可见的,添加隐藏域的目的在于通过隐藏的方式收集或者发送信息。浏览者单机发送按钮发送表单时,隐藏域的信息也被一起发送到action指定的处理页里面 |
选择域标记
显示方式 | 举例 | 说明 |
---|---|---|
列表方式 | select name=”spec1” id=”spec1” option value=”0” selected>顺丰快递 /option | 下拉列表框 |
菜单方式 | select name=”spec1” id=”spec1” multiple option value=”0” selected>顺丰快递 /option | 下拉列表框,但是可以多选和单选 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<select name="spec1" id="spec1">
<option value="0" selected>顺丰快递</option>
<option value="1" >天天快递</option>
<option value="2" >圆通快递</option>
<option value="3" >韵达快递</option>
<option value="4" >全峰快递</option>
</select>
<br>
<select name="spec2" id="spec2" multiple>
<option value="0" selected="">顺丰快递</option>
<option value="1" >天天快递</option>
<option value="2" >圆通快递</option>
<option value="3" >韵达快递</option>
<option value="4" >全峰快递</option>
</select>
</form>
<?php
header("Content-Type: text/html; charset=utf-8");
?>
</body>
</html>
文本域标记
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<textarea name="a" cols="20" rows="5" wrap="soft">
我使用的是软回车,输出后不换行
</textarea>
<textarea name="b" cols="20" rows="5" wrap="hard">
我使用的是硬回车,输出后不换行
</textarea>
<input type="submit" name="submit">
</form>
<?php
header("Content-Type: text/html; charset=utf-8");
echo nl2br($_POST[a])."<br>";
echo nl2br($_POST[b])."<br>";
?>
</body>
</html>