input系列标签的基本介绍
➢场景: .在网页中显示收集用户信息的表单效果,如:登录页、注册页
➢标签名: input
●
input标签可以通过type属性值的不同,展示不同效果
➢
type属性值:
标签名 type属性值 说明
input text 文本框,用于输入单行文本
input password 密码框,用于输入密码
input radio 单选框,用于多选一
input checkbox 多选框,用于多选多
input file 文件选择,用于之后上传文件
input submit 提交按钮,用于提交
input reset 重置按钮,用于重置
input button 普通按钮,默认无功能,之后配合js添加功能
input系列标签文本框
➢场景:在网页中显示输入 单行文本的表单控件
➢type属性值: text
➢
常用属性:
属性名
说明
placeholder
占位符。提示用户输入内容的文本
input系列标签单选框
➢场景: 在网页中显示多选一的单选表单控件
➢type属性值: radio
➢常用属性:
说明
name
分组.有相同name属性值的单选框为-组,一组中同时只能有一个被选中
checked
默认选中