场景：在网页中显示收集用户信息的表单效果，如：登录页、注册页
标签名：input
• input标签可以通过type属性值的不同，展示不同效果
input系列标签-文本框
场景：在网页中显示输入单行文本的表单控件
type属性值：text
input系列标签-密码框
场景：在网页中显示输入密码的表单控件
type属性值：password
注意点：
• type属性值不要拼错或者多加空格，否则相当于设置了默认值状态：text→文本框
input系列标签-单选框
场景：在网页中显示多选一的单选表单控件
Ø type属性值：radio
注意点：
• name属性对于单选框有分组功能
• 有相同name属性值的单选框为一组，一组中只能同时有一个被选中
input系列标签-复选框
场景：在网页中显示多选多的多选表单控件
Ø type属性值：checkbox
input系列标签-文件选择
场景：在网页中显示文件选择的表单控件
Ø type属性值：file
input系列标签-按钮
场景：在网页中显示不同功能的按钮表单控件
注意点：
• 如果需要实现以上按钮功能，需要配合form标签使用
• form使用方法：用form标签把表单标签一起包裹起来即可
input系列标签总结
input标签的type属性值：
Ø 注意点：
• 占位符：placeholder
• 如果需要实现单选效果，需要设置相同的name属性值
• 单选框和多选框的默认选中：checked
声明：该文观点仅代表作者本人，《前端技术分享网》系信息发布平台，前端技术分享网仅提供信息存储空间服务。发布者：果壳日志，转载请注明出处：https://www.xin12123.com/n/428.html
