饥人谷任务班TASK5
form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
HTML <form> 元素 表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
- 对于用户而言,表单对于用户而言是数据的录入和提交的。
- 表单对于网站而言获取用户信息的途径。
<input type="text" name="" placeholder="">
用户可以输入的单行文本输入框
<input type="password" name="" value="">
单行密码输入框,输入的密码以圆点或者星号显示。
<input type="hidden" name="" value="">
隐藏字段,常用来传值。
<input type="file" accept="image/png">
上传文件
<input type="radio" name="" value="">
单选按钮,每组单选用name来区分。
<input type="checkbox" name="" value="">
多选按钮,每组多选用name区分。
<input type="sumbit" name="sumbit">
提交按钮,点击后即可向服务器提交数据。
<input type="button" name="button">
普通可点击按钮,点击后无任何行为。用于点击时执行javascript程序。
post 和 get 方式的区别?
- Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据。
- Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用 “&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。
- Get是不安全的,因为在传输过程,数据被放在请求的URL中,而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中,然后 放在某个地方,这样就可能会有一些隐私的信息被第三方看到。另外,用户也可以在浏览器上直接看到提交的数据,一些系统内部消息将会一同显示在用户面前。 Post的所有操作对用户来说都是不可见的。
- Get传输的数据量小,这主要是因为受URL长度限制;而Post可以传输大量的数据,所以在上传文件只能使用Post(当然还有一个原因,将在后面的提到)。
- Get限制Form表单的数据集的值必须为ASCII字符;而Post支持整个ISO10646字符集。
- Get是Form的默认方法。
在input里,name 有什么作用?
name规定了input的名称,只有加了name属性的标签元素才会提交到服务器。注意在radio和checkbox中使用 - - 一组选择按钮需要有相同的name.
radio 如何分组?
以name属性的值来分组,值相同的为同一组,值不同为不同组。
placeholder 属性有什么作用?
placeholder 属性是 HTML5 中的新属性。
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。
type=hidden隐藏域有什么作用? 举例说明
type隐藏域在页面中不显示也不占有位置,仅用于获取和传递数据。
例如:当有金额计算的时候,可以将计算后的金额放入隐藏域中提交至后台。