具体见代码:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.min.css" rel="stylesheet" /> </head> <body> <header class="mui-bar mui-bar-nav"> <h1 class="mui-title">单选和多选的复选框</h1> </header> <div class="mui-content"> <!-- 单选复选框:一定要将其input上name属性添加相同的名 --> <h5 class="mui-content-padded">性别:方式一</h5> <div class="mui-content-padded"> <form action="" class="mui-input-group"> <div class="mui-input-row mui-radio"> <label>男</label> <!--checked:表示处于选中状态--> <input type="radio" name="gender" checked id="" value="" /> </div> <div class="mui-input-row mui-radio"> <label>女</label> <input type="radio" name="gender" id="" value="" /> </div> <!--mui-disabled:字体颜色变淡,disabled:禁止选择颜色变化(小圆点)--> <div class="mui-input-row mui-radio mui-disabled"> <label>保密</label> <input type="radio" disabled name="" id="" value="" /> </div> </form> </div> <!--没有mui-content-padded属性--> <</