按钮组大总结,赶紧收着《一》

本文对HTML中的按钮组、单行文本框、密码框、隐藏域、文件上传和下拉框进行了详细的总结。按钮组常用于二选一或多选情况,包括切换按钮、复选框和单选按钮等。单行文本框通过`<input type="text">`定义,具有maxlength和size属性。密码框同理,但类型设为password。隐藏域在表单提交时不显式展示,有安全隐患。文件上传通过`<input type="file">`实现,支持多重选择。下拉框由`<select>`和`<option>`组成,可设置大小、多选和禁用属性。
摘要由CSDN通过智能技术生成

​ 本来想的是每个类型的按钮分开写,但是分开写每篇字数太少。今天对按钮使用进行一个简单的总结,希望可以对大家有所帮助!

什么叫按钮组呢?

简单来说按钮组就是指两个活两个以上的按钮排布在一起。从按钮组的样式上我们可以看出常见的按钮组是供用户进行判断(两个选项)或者选择(两个以上选项)的。

按钮组可以包含切换按钮、复选框、单选按钮和开关等交互式图元,当一个图元被选中时,其他图元自动取消选中。

单行文本框

在HTML中,把< input>标签的type属性设置为text可以表示单行文本框,又叫做常规文本框,具体语法为:< input type=“text” /> 默认值是type=“text”

value属性定义文本框中的值

maxlength属性在< form>表单中,允许使用maxlength属性设置文本框中最多可以输入的字符数量(包括空格)

size属性用来定义文本框可见的字符数,与maxlength不同的是,size定义的事文本框可见的字符数,当用户输入的字符数超出这个值时,还可以输入只是不再显示。

密码框< input type=“password” />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值