HTML_4
一、html中的表单
1. <form></form>--表示一个表单【通常是用来采集信息之后提交给后台处理程序用的】
注册、登陆、完善个人信息等等都是用表单来完成。
2. action属性-----后台处理程序的访问路径。
3. method属性---当前表单数据提交给后台处理程序的提交方式
【get{默认}/post】
当表单中需要上传文件时表单的提交方式一定是post
4.enctype属性----规定在将表单数据发送到后台处理程序之前如何对其进行编码
注意:只有 method="post" 时才使用 enctype 属性。
application/x-www-form-urlencoded |
默认。在发送前对所有字符进行编码(将空格转换为 "+" 符号,特殊字符转换为 ASCII HEX 值)。 |
multipart/form-data |
不对字符编码。当使用有文件上传控件的表单时,该值是必需的。 |
text/plain |
将空格转换为 "+" 符号,但不编码特殊字符。 |
当表单中需要上传文件时
- 设置表单的method属性=post
- 设置enctype属性
- enctype属性一定是multipart/form-data
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <form action="后台处理程序的访问路径" method="post" enctype="multipart/form-data"> <input type="file" name="myfile"/> </form> </body> </html>
二、表单元素
名称 |
表现形式 |
注意 |
文本框 |
<input type="text" name="wenbenkuang" value="默认值"/> |
|
密码框 |
<input type="password" name="mimakuang" value="123456"/> |
|
单选按钮 |
<input type="radio" name="sex" value="nan" checked="checked"/>男 |
有多个单选按钮时,为了保证每次只能选一个,要求name属性值要相同。 “男”给用户看的,value表提交到后台的数据值。 checked="checked"设置默认被选中。 |
复选框 |
<input type="checkbox" name="fuxuankaung" value="book" checked="checked"/>看书 |
有多个复选框时,要求name属性值要相同. “看书”给用户看的,value值提交到后台的数据值。 checked="checked"设置默认被选中。 |
日期框 |
<input type="date" name="riqikaung" /> |
|
文件 |
<input type="file" name="filekaung"/> |
|
隐藏域 |
<input type="hidden" name="hiddenkaung" value="111111"/> |
value="111111"提交给后台处理程序的数据值 |
下拉列表 |
<select name="xialaleibiao"> <option value="sx">陕西省</ |