|
|
|
一般会在文本框 密码框和文本域上使用
<!DOCTYPE html>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<input type="text" class="form-control" value="文本框">
<br>
<input type="password" class="form-control" value="password">
<br>
<textarea class="form-control">文本域</textarea>
<br>
<select class="form-control">
<option>Java</option>
<option>Html</option>
<option>IOS</option>
</select>
<!DOCTYPE html> <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script> <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script> <input type="text" class="form-control" value="文本框"> <br> <input type="password" class="form-control" value="password"> <br> <textarea class="form-control">文本域</textarea> <br> <select class="form-control"> <option>Java</option> <option>Html</option> <option>IOS</option> </select>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2018-08-16
form-control
1 个答案
小诗千乘 跳转到问题位置 答案时间：2019-02-14 <!DOCTYPE html>
<script src="js/jquery.min.js"></script>
<link href="bootstrap/bootstrap.min.css" rel="stylesheet">
<script src="bootstrap/bootstrap.min.js"></script>
<!--此处是对表单控件宽度进行设置-->
<div class="col-xs-4">
<!--此处是对表单控件宽度进行设置-->
<input type="text" class="form-control" value="文本框">
<br>
</div>
<input type="password" class="form-control" value="password">
<br>
<div class="col-xs-4">
<textarea class="form-control">文本域</textarea>
<br>
</div>
<select class="form-control">
<option>Java</option>
<option>Html</option>
<option>IOS</option>
</select>
对表单控件宽度进行处理可以借助BootStrap框架的网格系统，类名添加在容器上
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2018-06-03
如何实现样式(悬停可选中)？
2017-04-07
type="file"的样式
2017-04-06
type="file"
2017-02-21
咋个没有多选框。。。。
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
