twitter-bootstrap – 使用bootstrap将单选按钮设为必填字段
发布时间:2020-12-18 00:24:31 所属栏目:安全 来源:网络整理
导读:我正在使用bootstrap创建登录页面,这是我的代码 form class="form-signin" action="firstLogin.action" method="post" h2 class="form-signin-heading"Please sign in/h2 input type="text" class="form-control" name="username" placeholder="User Name" r
我正在使用bootstrap创建登录页面,这是我的代码
<form class="form-signin" action="firstLogin.action" method="post"> <h2 class="form-signin-heading">Please sign in</h2> <input type="text" class="form-control" name="username" placeholder="User Name" required="required" autofocus> <br> <input type="password" class="form-control" name="password" required="required" placeholder="Password"> <br> <div class="btn-group" data-toggle="buttons-radio"> <button type="button" class="btn btn-primary" style="width: 150px">Admin</button> <button type="button" class="btn btn-primary" style="width: 150px">User</button> </div> <div><br></div> <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> </form> 我想将单选按钮字段设为必填字段.任何想法如何做到这一点. 解决方法
我知道了!
你需要做的就是 – 创建两个div,一个用于数据切换,另一个用于btn-group 因此,你会得到一组带收音机的按钮.设置那些无线电btns
<form class="form-signin" action="firstLogin.action" method="post"> <h2 class="form-signin-heading">Please sign in</h2> <input type="text" class="form-control" name="username" placeholder="User Name" required autofocus> <br> <input type="password" class="form-control" name="password" required placeholder="Password"> <br> <div data-toggle="buttons"> <div class="btn-group"> <label class="btn btn-primary"> <input type="radio" name="type" id="type" value="admin" class="sr-only" required>Admin </label> <label class="btn btn-primary"> <input type="radio" name="type" id="type" value="user" class="sr-only" required>User </label> </div> </div> </div> <br> <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> http://jsfiddle.net/nteb4/23/ 它正在开发bootstrap3 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |