入门任务5提交(form表单)
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作用:隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。