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