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

提问.jpg

<ol>
<li>form表单有什么作用？有哪些常用的input 标签，分别有什么作用？</li>
<li>post 和 get 方式的区别？</li>
<li>在input里，name 有什么作用？</li>
<li>radio 如何 分组?</li>
<li>placeholder 属性有什么作用?</li>
<li>type=hidden隐藏域有什么作用? 举例说明</li>
<li>写一篇博客简单介绍 HTML 表单的用法，附上博客链接</li>
<li>实现如下形式的网页

Paste_Image.png

</li>
</ol>

回答_meitu_1.jpg

<ol>
<li>
1、HTML 表单用于搜集不同类型的用户输入。
2、
（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">
</li>
<li>一般post用于提交一大段数据，get则用于提交小段数据，且get内容可以在请求的url中看到，post则看不见，所以从安全角度来讲还应该使用post</li>
<li>name的作用是提交数据的索引-附记：radio中的name必须是相同的，否则无法勾选</li>
<li>举例

<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female；

</li>
<li>

holder.png </li>
<li>隐藏域在页面中,用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器，从后台给用户隐藏域中value添加值，就可以识别用户，提高安全性。</li>
<li>http://www.jianshu.com/p/687d549deb01</li>
<li>http://js.jirengu.com/titugeyebi/2/edit </li>
</ol>