表单的作用，常用的input属性
| type | 作用 |
|---|---|
| checkbox | 复选框，通过name来分组，通过value提供值 |
| radio | 单选框，通过name来分组，通过value提供值 |
| button | 可点击按钮 |
| hidden | 隐藏的输入字段 |
| image | 图像形式的提交按钮 |
| file | 输入字段和“浏览”按钮，供文件上传 |
| password | 密码字段，输入时自动变为*号 |
| reset | 重置按钮，会清空表单中所有数据 |
| submit | 提交按钮，会将表单中的数据发送到服务器 |
| text | 单行的输入字段，可在其中输入文本，默认20个字符宽度 |
还可以用下拉菜单——select。如下。
它将形成一个下拉菜单，通过value提供值。
<select name="beans">
<option valve="a">A</option>
<option valve="b">B</option>
<option valve="c">C</option>
<option valve="d">D</option>
</select>
当需要输入大段文字时。可以用textarea。
<textarea name="article">
</textarea>
我们可以通过CSS设置它的大小、是否可拖动、内部padding等属性。
post和get方式的区别
** get **是将要上传的参数列队加到提交表单的action属性所指的URL中，其中的值和表单内各个字段一一对应，在URL中可以看到。
** post **是通过HTTP post机制，将表单内各个字段与内容放置在HTML HEADER内一起传送到action属性所指的URL中，在URL中用户看不到其中的值。
在input里，name有什么作用
当input属性或者select和textarea中没有name属性时。提交表单的时候这个没有name的值将不会提交。
并且，checkbox和radio都会通过name来分组。相同的name值将划分为同一组，不同的name值将划分为不同的值。
radio如何分组
radio通过name分组。
placeholder属性有什么作用
在文本输入框中预先显示内容。如
<textarea name="Comments" rows="10" cols="50" placeholder="STH"></textarea>
在上面代码显示出来的文本框中。将显示"STH"文字。当用户点击文本框且输入内容时，"STH"将消失，并且"STH"并不会在提交表单时传输给后台，即便用户没有在文本框中输入任何内容。
type=hidden隐藏域有什么作用
- 暂存一些值。
- 安全，在提交后，后端可以通过hidden中的的value在校验用户发来的数据是否是被允许的。
网友评论