HTML表单的使用

表单包装表单元素,由表单包装的表单元素将被提交给服务器。

& lt表单action= "address" method = " " >

形状要素

& lt/form & gt;

表单标签是表单的外壳,有四个主要属性:

动作:表单提交地址(后台服务器地址)

方法:提交表单的方法,两个请求方法,post和get。

目标:从哪里开始行动?

Enctype:(编码方法)

applocation/x-www-form-erlencoded在发送前对所有字符进行编码(默认)。

Text/plain:空格被转换成“+”符号,但特殊字符不编码。

Multipart/form-data:当使用包含文件上传控件的表单时,必须使用该值。比如:上传音视频。

1,区别:(体现在模式、安全、数据量三个方面)

-mode,点击Submit(发送请求时),get会把请求数据改成“k=value”的形式,然后组装到URL上。当通过post提交请求时,数据通过浏览器传输到后台,但是URL没有改变。

-安全,get在URL上组装信息,信息泄露,不安全;贴吧模式的网址没有变,比较安全。

-数据量,浏览器地址栏能存储的字符数有限(容量有限),get模式下的URL过长。超过限制时,浏览器自动截断URL,传输到后台的数据不完整,因此数据大小有限。post模式的URL更干净轻巧,完全可以将数据转移到后台,没有数据大小限制。

2.何时使用get,何时使用post(使用场景)

Get:从后台查询事情,比如查询论文;也就是从后台索取数据,用关键词获取大量数据。安全性要求低且简单。

Post:发送数据到后台,比如检查论文的重复(数据量大,提交到后台)。安全性要求高。

是表单的信息收集元素,具有以下属性:

& lt="input_username " >标签名称:

效果:

& lt="input_password " >的标签。密码:

效果:

效果:

效果:

& lt标签& gt我的车:

效果:

& lt标签& gt评论:

效果:

& lt标签为="zjz " >证书照片:

其中,accept指定了文件格式。

效果:

& ltinput type = " hidden " name = " ABC " value = " 123 " >

点击提交,隐藏中隐藏的数据也会提交到后台;abc='123 '

功能:(1)临时存储信息(用户不可见),以便设计人员随时调用程序。

(2)用于安全验证,例如通过设置隐藏域,服务器可以验证用户的权限,避免假冒网站提交数据。

& ltinput type = " button " value = " button "/& gt;

效果:

& ltinput type = " submit " value = " submit "/& gt;

效果:

& ltinput type = " reset " value = " reset "/& gt;

效果: