form表单标签
2017-03-06 22:19:58
•
阅读
打赏
form标签有几个属性为name、action、method、enctype和target等属性，表单名称name、表单提交action、表单数据提交方式method、目标显示方式target、编码方式enctype
表单名称name
若页面的表单不止一个，为了区分这些表单，我们使用指定表单的name属性。这样就防止表单提交之后，后台程序处理错误。表单name属性中不能包含特殊字符和空格。
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html> <head> <title>表单form标签</title></head><body> <form name="login"> </form></body></html> |
表单提交action
action属性用于指定表单数据提交到的后台处理地址。程序地址用来处理从表单搜集的信息。地址为相对地址或绝对地址，或是一些其他形式的地址
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html> <head> <title>表单form标签</title></head><body> <form name="login" action="/index/login"> </form></body></html> |
表单数据提交方式method
表单method属性指定浏览器将表单中的数据使用哪一种HTTP提交方法，有get或post。get在安全性上较差，所有的表单域的值直接在url中显示出来。而post除了只有可见的处理脚本程序之外，其他的信息隐藏。实际的开发当中通常都选择post这种处理方式
| method属性 | 说明 |
|---|---|
| get | 默认值，表单数据被加到action属性指定URL后面，后台程序用get方式获取 |
| post | 表单数据被包含在表单主体中，后台程序用post方式获取 |
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html> <head> <title>表单form标签</title></head><body> <form name="login" action="/index/login" method="post"> </form></body></html> |
目标显示方式target
表单target属性跟<a>标签的target属性一样，都是用来指定目标窗口的打开方式
| target属性 | 说明 |
|---|---|
| _self | 默认值，在当前的窗口打开页面 |
| _blank | 在新的窗口打开页面 |
| _parent | 在父级窗口中打开页面 |
| _top | 页面载入到包含该链接的窗口，取代当前在窗口中的所有页面 |
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html> <head> <title>表单form标签</title></head><body> <form name="login" action="/index/login" method="post" target="_blank"> </form></body></html> |
表单数据编码方式enctype
表单enctype属性用于设置表单信息提交的编码方式
| enctype属性 | 说明 |
|---|---|
| application/x-www-form-urlencoded | 默认的编码方式 |
| multipart/form-data | MIME编码，如有“上传文件”，表单必须选择该值 |
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html> <head> <title>表单form标签</title></head><body> <form name="login" action="/index/login" method="post" target="_blank" enctype="application/x-www-form-urlencoded"> </form></body></html> |
相关推荐
深度学习 -- 损失函数
深度残差网络（Deep Residual Networks (ResNets)）
深度学习 -- 激活函数
神经网络训练 -- 调整学习速率
生成对抗网络（GAN）改进与发展
生成对抗网络（GAN）优点与缺点
生成对抗网络（GAN）的训练
生成对抗网络（GAN）基本原理
生成模型与判别模型