打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
bootsrtap表单
文件上传按钮;<div class="form-group">
<label for="inputfile">文件输入</label>
<input type="file" id="inputfile">,
</div>
名称输入窗口:<div class="form-group"> 
控制大小;<input class="form-control" type="text"默认值:placeholder="默认输入">
<label for="name">名称</label>
<input type="text" class="form-control" id="name" 
  placeholder="请输入名称">
</div>
提交按钮:<button type="submit" class="btn btn-default">提交</button>
输入姓名:<form class="form-horizontal" role="form">
<div class="form-group">
<label for="firstname" class="col-sm-2 control-label">名字</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="firstname" 
  placeholder="请输入名字">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-2 control-label">姓</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="lastname" 
  placeholder="请输入姓">
</div>
登陆:<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">登录</button>
</div>
文本框:<form role="form">
<div class="form-group">
<label for="name">文本框</label>
<textarea class="form-control" rows="3"></textarea>
</div>
</form>
复选框和单选框:
<label for="name">默认的复选框和单选按钮的实例
<div class="checkbox">内联复选:<label class="checkbox-inline">
控制大小:<select class="form-control">
<label><input type="checkbox" value="">选项 1</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="">选项 2</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 选项 1
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">选项 2 - 选择它将会取消选择选项 1
</label>
</div>
选择框:
<form role="form">
<div class="form-group">
<label for="name">选择列表</label>
<select class="form-control">
可多选的选择列表<select multiple class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
静态控件:
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<p class="form-control-static">email@example.com</p>
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="col-sm-2 control-label">密码</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword" 
  placeholder="请输入密码">
</div>
</div>
</form>
帮助文本:<form role="form">
<span>帮助文本实例</span>
<input class="form-control" type="text" placeholder="">
<span class="help-block">一个较长的帮助文本块,超过一行,
需要扩展到下一行。本实例中的帮助文本总共有两行。</span>
</form>



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
第四节,Bootstrap表单和图片
register .jsp
自定义laravel表单请求验证类(FormRequest共用一个rules())
JQuery以对象提交Form到Spring MVC的方法
node--处理一个增加上传操作和渲染页数条
jquery动态增加html
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服