什么是HTML表单
HTML表单用于收集用户输入,想服务器传输数据,使用
元素来定义一个HTML表单。表单可以包含input label textarea button select等元素。
1. form元素
常用属性:
action:提交表单的地址
method:提交表单的方法,一般有get和post两种
2.input元素
input元素通过type属性来设置不同的input类型。
2.1文本域
账户
效果:
placeholder属性可以描述输入字段的预期值
2.2密码域
密码
效果:
密码与的输入框会对输入信息做掩码处理
2.3单选按钮
性别
男
女
效果:
name相同的单选框会被划分为同一组
2.4复选框
爱好
游泳
篮球
写程序
效果:
复选框可选择多个
2.5下拉列表
年龄标签
60后
70后
80后
90后
00后
效果:
点击下拉列表进行选择
2.6提交按钮
效果:
点击提交即可传送表单数据,提交的方式和目的地有form标签定义
2.7重置按钮
效果:
点击即可把表单已填写的数据清空
2.8隐藏字段
效果:隐藏字段对用户是不可见的
2.9上传文件
效果:
点击即可上传文件,accept属性可以设置上传文件的格式
3、label元素
年龄
label元素为input标签定义标注,当鼠标选择该标签时,关联的元素控件会获得焦点,需要注意的是for属性的值要和关联元素的id值相同。
效果:
点击年龄即可让输入框获取焦点
4、textarea元素
效果
评价