美文网首页
HTML表单学习笔记

HTML表单学习笔记

作者: 飘飘流浪者 | 来源:发表于2017-04-07 21:32 被阅读0次

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

    HTML 表单用于搜集不同类型的用户输入,然后将数据提交到服务器。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。所有表单控件,只有放在<form>标签里,才能将数据提交到服务器。

    • 常见的input标签:
    input标签 作用
    text 单行文本框
    password 圆点密码框
    button 普通按钮
    submit 提交所有数据按钮
    checkbox 多选框
    radio 单选框
    file 文件上传
    reset 重置所有项
    hidden 隐藏域

    post 和 get 方式的区别?

    • GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),以?分割URL和传输数据,参数之间以&相连,如果数据是英文字母/数字,原样发送,如果是空格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密;POST把提交的数据则放置在是HTTP包的包体中。
    • POST的安全性要比GET的安全性高。比如:通过GET提交数据,用户名和密码将明文出现在URL上。除此之外,使用GET提交数据还可能会造成Cross-site request forgery攻击。
    • Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求。 GET 请求一般不应产生副作用。就是说,它仅仅是获取资源信息,就像数据库查询一样,不会修改,增加数据,不会影响资源的状态。 get提交的信息有限,根据不同浏览器对URL长度限制的不同而受到不同的限制。而post理论上可以提交无限的信息量。

    在input里,name 有什么作用?

    name属性规定了input元素的名称,用于后续提交表单数据,或者在JS中引用表单。 POST和GET的时候,name和input中的值会形成的 键/值 对,服务器端的表单处理程序只有通过name才能获取到相应的用户输入。 check和radio靠相同的name值分组。

    radio 如何 分组?

    通过name属性分组。相同的name为一组。
    举例:<input type="radio" name="sex" value="男">
    <input type="radio" name="sex" value="女">女
    <input type="radio" name="sex1" value="男">男
    <input type="radio" name="sex2" value="女">女
    "sex"为一组,"sex1"为同一组。

    placeholder 属性有什么作用?

    placeholder属性规定用以描述输入字段预期值的提示,该提示会在用户输入值之前显示在输入字段中,输入正确的值之后自动消失。

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

    标签<input type="hidden" name="" value="">标签的作用是:隐藏不想让用户看到的信息,但是这些信息对于Web应用又是非常必要的。浏览者发送表单的时候,隐藏域的信息也被一起发送到服务器,后台通过用户隐藏域中value的值,就可以识别用户,来提高安全性。

    相关文章

      网友评论

          本文标题:HTML表单学习笔记

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