理解:表单好比一个容器
<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。