bootstrap19-内联表单
|
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>内联表单</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> ? </head> <body> <div class="container"> <form action="" role="form" class="form-inline"> <div class="form-group"> <label for="name" class="sr-only">名称</label> <input type="text" class="form-control" id="name" placeholder="请输入名称"> </div> <div class="form-group"> ? ? <label for="inputfile" class="sr-only">文件输入</label> ? ? <input type="file" id="inputfile"> ? ? <p class="help-block">这里是块级帮助文本的实例。</p> ? </div> ? <div class="checkbox"> ? ? <label> ? ? ? <input type="checkbox">请打勾 ? ? </label> ? </div> ? <button type="submit" class="btn btn-default">提交</button> </form> </div> ? ? <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> ? <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> </body> </html> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |