HTML表单的用法

<meta charset="utf-8">

html表单的作用是收集不同类型的用户输入，然后提交到服务器。

form标签有几个重要的属性：

1.action：表单提交的地址

2.method：提交表单的方法

3.target：在何处打开action

4.enctype：发送到服务器时的编码方式，如

• application/x-www-form-urlencoded：默认的编码方式，但是在用文本的传输和MP3等大型文件的时候，使用这种编码显得效率低下
• text/plain：纯文本的传输，空格转换为“+”，但不对特殊字符编码
• multipart/form-data：指定传输数据为二进制类型，如图片，MP3，文件，在使用包含文件上传控件的表单时，必须使用该值

form表单中的常用标签：

1.input：所有的input都必须有name，不然后端无法准确接收到该数据；一些常用的type属性如下：

text：输入文本

password：输入内容自动变成圆点

checkbox：多选框。同一个多选框内，不同选项的name应相同，但是value的值需不同，以便于后台区分不同的选项

radio：单选框。同样需要用不同的value来区分两个选项

file：文件上传。

button：按钮。

submit：提交。

reset：清空当前所有输入

2.label：在输入框前添加文字。label for的作用：在鼠标点击该label时，会focus到目标输入框，如下图

label.jpg label2.jpg

当鼠标点击“姓名”时，后面的输入框会进入编辑状态

3.select：下拉菜单。下拉菜单中的选项用option标签，如下图：

select.jpg

其中的selected指默认选择该option

4.textarea：多行文本。如果想在输入框中写入提示信息，可以用到placeholder属性，如

placeholder.jpg