<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到目标输入框,如下图
当鼠标点击“姓名”时,后面的输入框会进入编辑状态
3.select:下拉菜单。下拉菜单中的选项用option标签,如下图:
其中的selected指默认选择该option
4.textarea:多行文本。如果想在输入框中写入提示信息,可以用到placeholder属性,如