任务5

作者: 诺夏_ | 来源:发表于2017-04-18 21:21 被阅读0次

    `# 一 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>
    

    相关文章

      网友评论

          本文标题:任务5

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