美文网首页
Form表单简介

Form表单简介

作者: 顺丰笑嘻嘻 | 来源:发表于2017-09-01 15:12 被阅读0次
    Form表单的作用、常用的input标签以及作用

    表单的作用是搜集用户的输入,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。
    常用的input标签以及作用

    标签 作用
    <input type="text"> 设置单行输入文本
    <input type="password"> 设置单行输入密码
    <input type="radio"> 设置单选按钮
    <input type="reset"> 设置重置按钮
    <input type="button"> 设置按钮
    <input type="submit"> 设置提交按钮
    <input type="checkbox"> 设置复选框
    <input type="file"> 设置上传文件按钮
    Post和get方式的区别
    ~ GET POST
    后退按钮/刷新 无害 数据会被重新提交(浏览器应该告知用户数据会被重新提交)。
    书签 可收藏为书签 不可收藏为书签
    缓存 能被缓存 不能被缓存
    编码类型 application/x-www-form-urlencoded application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
    历史 参数保留在浏览器历史中。 参数不会保存在浏览器历史中。
    对数据长度的限制 是的。当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。 无限制。
    对数据类型的限制 只允许 ASCII 字符。 没有限制。也允许二进制数据。
    安全性 与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。
    可见性 数据在 URL 中对所有人都是可见的。 数据不会显示在 URL 中。

    参考连接:http://w3school.com.cn/tags/html_ref_httpmethods.asp

    在input里name有什么作用

    name 属性规定 input 元素的名称,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

    Radio如何分组
     <input type="radio" name="sex" value="male">男
     <input type="radio" name="sex" value="female">女
    
    Placeholder 属性有什么作用?

    提示该输入什么信息,并在选定时消失。

    Type=hidden隐藏域有什么作用? 举例说明

    Hidden 对象代表一个 HTML 表单中的某个隐藏输入域。
    这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话,就是用这种类型的元素。
    在 HTML 表单中 <input type="hidden"> 标签每出现一次,一个 Hidden 对象就会被创建。
    您可通过遍历表单的 elements[] 数组来访问某个隐藏输入域,或者通过使用document.getElementById()。
    参考链接:http://www.w3school.com.cn/jsref/dom_obj_hidden.asp

    相关文章

      网友评论

          本文标题:Form表单简介

          本文链接:https://www.haomeiwen.com/subject/lotkjxtx.html