美文网首页
HTML表单用法

HTML表单用法

作者: 魔王卡卡 | 来源:发表于2017-07-11 19:16 被阅读0次

    form表单的作用

    form表单的主要作用是采集和传输用户信息


    常见的<input>标签和作用

    • text标签,用于输入单行文本;
    • password标签,用于输入密码;
    • checkbox标签,用于多选项分组;
    • radio标签,用于单选项分组;
    • file标签,用于上传文件功能,可以用 accept属性限制上传文件的类型;
    • hidden标签,用于定义隐藏的输入字段,暂存数据或信息安全等;
    • button标签,用于定义可点击按钮,多用于通过JavaScript启动脚本;
    • submit标签,用于定义提交按钮,将表单数据发送到服务器;
    • reset标签,用于定义重置按钮,将表单数据清空重置。

    post和get方式的区别

    1. 传输方式不同:get会将表单的key值和value值拼接组成URL发送给服务器,post不会改变URL;
    2. 安全性不同:get发送的URL使用明文方式组成,存在明显的安全隐患,post不会出现这个问题;
    3. 传输数据大小不同:get发送数据时会受到URL字符数的限制,post不受这个限制;
    4. 作用对象不同:get通常用于向服务器索取数据,post通常用于向服务器发送数据。

    <input>标签的name属性的作用

    name属性规定了<input>元素的名称,用于对表单数据标识,只有标识过的数据才能正确的向服务器传递值。


    radio如何分组

    radio标签通过name属性分组, name值相同的为一组,同组radio只能单选一个value值传送数据。


    placeholder属性的作用

    placeholder属性用于在输入框内展示一个提示信息,这个信息不会跟随用户输入的表单数据一起传送给服务器。


    hidden隐藏域的作用

    服务器可以先向hidden传送一个随机值,当用户向服务器传送数据时,服务器再验证hidden是否被更改,以此判定用户传送的数据是否被篡改,以确保数据信息的安全,其作用类似于隐形的验证码。

    相关文章

      网友评论

          本文标题:HTML表单用法

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