Html5里面的表单

理解：表单好比一个容器

<form action=“” method=“”>
    <input type="类型/属性">
</form>

action :规定如何发送表单数据(常用值: get | post)

method:表示向何处发送表单数据

需要注意的是表单是一个行内元素

表单经典应用场景：


表单常用元素：

 form里面的type属性
 

type属性
<input>标签的type属性用于指定输入控件，type的属性很多，具体用法有：

text（文本框）---可输入字母、数字等内容，默认20个字符。
radio（单选按钮）---单选按钮，从给定的选项中选其一。
checkbox（复选框）---复选框，从给定的选项选其一或多个选项。
password（密码框）---密码字段，用于输入密码，输入内容以*的形式出现。
submit（提交按钮）---提交按钮，将表单发送到服务器。
bottom（单击按钮）---普通按钮，用于通过JavaScript启动脚本。
image（图像按钮）---定义图像形式的提交按钮，用户可以通过不同的图像达到美观的效果。
hidden（隐藏字段）---定义隐藏的输入字段。
reset（重置按钮）---定义”重置“按钮，点击重置按钮可清楚表单中的所有数据。
file（文件域）---定义输入字段和”浏览“按钮，用于上传文件。
email（e-mail地址）---用于输入单个电子邮件地址或电子邮件地址列表。多个电子邮件地址可以使用逗号分隔的列表形式输入。
color（颜色选择框）---可以调用色盘选择颜色
date（日期）---用于输入日历日期。
month（年和月）---输入年份和月份。
time（时间）---用于输入由时、分、秒以及小数秒组成的时间。
week（星期）---输入由年份与周期构成的日期。
number（数字输入框）---输入数字。
tel（文本框）---输入电话号码。
url（网站地址）---输入网站URL。