用于登录注册,搜索功能时用。
input标签:
input系列
在网页中显示收集用户信息的表单效果,如登录页,注册页。
input 单标签
可以通过type属性的不同,展示不同的效果。
text,文本框,用于输入单行文本。
password,密码框,用于输入密码(默认内容变成圆点)
placeholder 占位符(在文本框里显示提示文本)
代码展示
效果展示
radio,单选框,用于多选一。
checkbox,多选框,用于多选多。
属性:
name 用于分组,相同属性值的单选框为一组,一组只能选一个。
checked 默认选中
代码展示
效果展示
label标签
用于绑定内容与表单标签的关系(例如单选框,不用点那个圆,点字也可以选择)
代码展示
file, 文件选择标签(一个)
multiple,文件选择(多个)
代码展示
按钮
submit 提交按钮,用于提交数据返还给后端服务器。
reset 重置按钮,用于重置,恢复默认表单值。
button 默认无功能,后续通过js添加
需要配合form标签使用,用form标签把表单标签一起包裹起来。
代码展示
效果展示
想要改变按钮里面的文本可以使用value属性
代码展示
效果展示
button按钮标签(双标签)
无具体功能,后续通过js添加想要的各种功能
在网页中显示用户点击的按钮,更便于包裹文字图片等。
属性:
submit 提交
reset 重置
代码展示
效果展示