美文网首页
入门任务5提交(form表单)

入门任务5提交(form表单)

作者: Eden_45f8 | 来源:发表于2017-03-06 14:32 被阅读0次

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

    2.post 和 get 方式的区别?

    3.在input里,name 有什么作用?

    4.radio 如何 分组?

    5.placeholder 属性有什么作用?

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

    HTML 表单用于搜集不同类型的用户输入。
    常用的input标签有
    (1)<input type="text"> 定义用于文本输入的单行输入字段:
    <input type="text" name="firstname">
    (2)<input type="radio"> 定义单选按钮:
    <input type="radio" name="sex" value="male" checked>Male
    <input type="radio" name="sex" value="female">Female;
    (3)<input type="checkout"> 定义复选按钮
    (4)<input type="submit"> 定义用于向表单处理程序(form-handler)提交表单的按钮。
    表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。表单处理程序在表单的 action 属性中指定:
    <input type="submit" value="Submit">
    (5)action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常,表单会被提交到 web 服务器上的网页。在上面的例子中,指定了某个服务器脚本来处理被提交表单;
    <form action="action_page.php">
    如果省略 action 属性,则 action 会被设置为当前页面。
    (6)method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST(安全)):
    <form action="action_page.php" method="GET">

    2.get一般用于向服务器查询/获取信息post一般用于向服务器提交信息。
    get提交的信息会显示在URL中,因此降低了安全性。而post不会显示在URL中,提高了安全性
    get提交的信息有限,根据不同浏览器对URL长度限制的不同而受到不同的限制。而post理论上可以提交无限的信息量。
    post需要两个阶段发送数据,降低了传输的可靠性以及速度。get只需要一个阶段,速度更快。

    3.name属性规定了input元素的名称,用于后续提交表单数据,或者在JS中引用表单。name 属性用于对提交到服务器后的表单数据进行标识,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

    4.通过name属性的不同分组,同一组的name必须相同,才能够单选。

    5.placeholder 属性.的作用是:隐藏不想让用户看到的信息,但是这些信息对于Web应用又是非常必要的。
    暂存信息:后端在构造web页面的过程中,通过hidden隐藏域在页面中添加了相关数据信息(用户对网页进行操作时可能会用到这些数据信息)
    信息安全:后端在构造web页面的过程中,可以通过hidden隐藏域在页面中添加相关的验证信息,当form表单被提交后,服务器会收到该验证信息,通过一定的算法校验该验证信息,可以有效防止非法请求对数据库的增删改查,提高了web应用的安全性。

    6.type=hidden作用:隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

    相关文章

      网友评论

          本文标题:入门任务5提交(form表单)

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