`# 一 form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
HTML 表单用于搜集不同类型的用户输入。将用户输入的表单内容通过web服务提交给服务器。
常用的input标签
<input type="text">:文本域,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
<input type="password">:密码字段字符,不会明文显示,而是以星号或圆点替代。
<input type="radio">:表单单选框选项。
<input type="checkbox"> :复选框. 可从若干给定的选择中选取一个或若干选项。
<input type="submit">:提交按钮,向后台提交表单内容的按钮。
<input type="button">:提交按钮。
<input type="reset"> :重置按钮,将表单填写的内容全部清空重置。
<input type="file"> :选择文件上传,用于浏览选择文件上传。
<input type="date"> :用于日期内容的输入。
<input type="number"> :用于数字内容的输入。
二 post 和 get 方式的区别?
(1)GET方式是从指定的资源请求数据;POST方式是向指定的资源提交要被处理的数据。
(2)GET方式的查询字符串(比如用户名和密码)是在GET请求的 URL 中发送的:POST的查询字符串则是在POST请求的http消息主体中发送的,URL 并不会泄露信息:
(3)安全性:与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET;POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。
(4)字数限制:当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。POST的传输字数无限制。
(5)GET 请求可被缓存,GET 请求保留在浏览器历史记录中。而POST 请求不会被缓存,POST 请求不会保留在浏览器历史记录中。
(6)GET适用于数据的查询和获取,POST适用于数据的增加删除和修改
三 在input里,name有什么作用?
name属性用于定义和区分input,向后台传输数据的时候,通过不同的name值可以区分提交的value值分别是什么。
四 radio 如何分组?
通过name属性来分组。在下面的示例代码中,两组radio就是依靠sex和sexlike的这两个name属性来区分的。
性别:<input type="radio" name="sex" value="男" checked="checked">男
<input type="radio" name="sex" value="女">女</br>
取向:<input type="radio" name="orientation" value="男" >男
<input type="radio" name="orientation" value="女" checked="checked">女</br>
五 placeholder 属性有什么作用?
用于在文本输入框中显示灰色提示文字,用户开始输入内容,提示文字会消失。
六 type=hidden隐藏域有什么作用? 举例说明
input的type属性指定为hidden时,页面上该input不做显示,但实际也会向服务器传送input中的其他数据。示例代码中,name和value值就会被传输到后头接收,但页面见不到input。
用处:
(1)出于安全考虑,通过传输的数据与服务器的数据做校验,验证是否正确,避免恶意上传。
(2)可用于定位,在不影响页面显示效果的情况下,可通过input中的id或class轻松定位到元素。
<form>
<input type="hidden" name="huangyh" value="name">
</form>
网友评论