HTML5-单、多选框，按钮

属性	说明
type	指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button,默认为text
name	指定表单元素的名称
value	元素的初始值。type为radio时必须指定一个值
size	指定表单元素的初始宽度。当tpye为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位
maxlength	type为text或password时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否被选中

单选框标签

    <!--单选框标签input type="radio"value="boy"   单选框按钮name="sex"    表示组，一个name表示一个组--><p>性别：<input type="radio" value="boy" name="sex"/>男<input type="radio" value="girl" name="sex"/>女</p>

效果：

多选框标签

    <!--多选框标签input type="checkbox"input必须要配置name,表示一个组--><p>爱好：<input type="checkbox" value="sleep" name="hobby">睡觉<input type="checkbox" value="code" name="hobby">敲代码<input type="checkbox" value="chat" name="hobby">聊天<input type="checkbox" value="game" name="hobby">游戏</p>

效果：

按钮

    <!--按钮input type="button"  普通按钮input type="image"   图片按钮input type="submit"  提交按钮input type="reset"   重置按钮--><p>按钮：<input type="button" name="btn1" value="点击变美"><input type="image" src="../resource/image/1.jpg">  <!--图片按钮--></p><p><input type="submit"><input type="reset" value="清空表单"></p>

效果：

HTML5-单、多选框，按钮相关推荐

php中得到复选框的数据的代码,表单复选框向PHP传输数据的代码
表单复选框向PHP传输数据的代码表单复选框就是checkbox 1.checkbox的应用复制代码代码如下: 2.由于我传输的是在php循环中产生的数组,因此value也要设成变量: for($ ...
JS对象迭代、事件处理器、表单控件绑定、表单复选框、表单单选按钮
JS对象迭代知识点 v-for v-for 循环JS对象,把对象内容循环显示到页面上. <div id="myApp"><h1>JS对象迭代</h1 ...
Layui表单复选框验证
Layui表单复选框验证近日由于项目原因使用layui框架进行开发,在做表单验证的时候苦于复选框验证问题找不到答案,于是作为小白的我换了一种思路,不采用官方提供的form-verify,而是采用在提 ...
HTML中单复选框的用法
今天看了看单复选框的用法,感觉很是好玩儿 ,所以赶快来把学会的分享下! 首先,在使用表单设计调查问卷时,为了减少用户的操作,使用选择框是一个不错的选择. HTML中有两种选择框,分别为单选框和复选框. ...
html构建复选框标签,什么标签用于在表单中构建复选框_HTML表单复选框INPUT标签...
HTML表单复选框标签在HTML的表单控件中,复选框也是经常使用的控件,它可以让用户选择打勾或不打勾.它使用的也是标签. 一.定义标签用于表示文本框.密码框.单选框.复选框.文件上传框.普通按钮. ...
复选框+按钮的disabled属性
开发工具与关键技术: VS , 按钮的disabled属性: 作者:刘佳明撰写时间:2019年 6 月 6 日今天介绍份知识点是按钮的disabled属性, 在项目的需求中,有根据复选框的是否选中 ...
表单复选框提交到mysql_使用表单复选框设置Access数据库表字段
这样做的一种方法是在Access中使用VBA.在Access中访问VBA控制台的方式是,在表单的设计视图中,右键单击复选框控件并选择" Build Event"从菜单中.确保您的控 ...
html表单全选框,form表单里如何实现全选和全不选
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果. javascript实现全选和全不选效果: 1.首先你 ...
Android之单复选框及Spinner实现二级联动
一.基础学习 1.图形学真的很神奇啊....查了些资料做出了3D云标签,哈哈...其实直接拿来用的,我们要效仿鲁迅先生的拿来主义,嘿嘿~~3D标签云就是做一个球面,然后再球面上取均匀分布的点,把点坐标 ...
纯CSS美化单复选框（checkbox、radio）
最重要的一点,隐藏选择框本身.不多说了,上代码: <!doctype html> <html> <head> <meta charset="utf- ...

HTML5-单、多选框，按钮

单选框标签

多选框标签

按钮

HTML5-单、多选框，按钮相关推荐

最新文章

热门文章