form表单标签

一、form表单标签

form标签是一个块级元素&＃xff0c;以开头&＃xff0c;结尾&＃xff0c;它能够包含input、textarea、select等元素。

1.表单标签的属性

例&＃xff1a;

2.input标签

input标签可以用于收集用户输入的信息&＃xff0c;根据type属性的值的不同&＃xff0c;收集信息的类型也不相同&＃xff0c;常见type属性值入下表的所示

 例&＃xff1a;

用户名&＃xff1a;

密码&＃xff1a;

性别&＃xff1a;男女

爱好&＃xff1a;篮球羽毛球排球

请选的文件&＃xff1a;

请选择时间&＃xff1a;

请选择时间&＃xff1a;

请选择时间&＃xff1a;

请输入邮箱&＃xff1a;

请输入月份&＃xff1a;

请选择颜色&＃xff1a;

input标签除了type属性外&＃xff0c;还能设置其他属性&＃xff0c;属性名及其用法如下表所示

 3.textarea标签

form表单中除了能使用input元素外&＃xff0c;还能使用textarea元素&＃xff0c;textarea能创建一个文本区&＃xff0c;文本区的大小和宽度由cols和wors设定&＃xff0c;cols设定文本区宽度&＃xff0c;wors设定文本区的高度&＃xff08;行数&＃xff09;。

4.select

select是下拉选择框&＃xff0c;里面可包含多个选项&＃xff0c;选项在option标签中&＃xff0c;可用size设置下拉框显示的长度&＃xff0c;也可用mutiple属性让下拉框变成另一种样式的下拉框。