                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

關于bootstrap中的類名form-control

bootstrap中通過類名form-control表單控件驗證是如何使用的，怎么樣才能看到效果？

無所畏懼小小小

2016-11-05

源自：玩轉Bootstrap（基礎） 3-4

關注問題我要回答

5825

操作

收起

2 回答

秋風5LIFE 回答被采納 +3 積分
2016-11-05

不能代替 ?這里的form-control只是控制表單的樣式，正則驗證的問題還是要通過form表單調用submit事件解決，課程里面講的通過通過添加類名達到的效果一般都是對頁面樣式的改變。

0 回復有任何疑惑可以回復我~

收起回答

無所畏懼小小小提問者

好的，那就先僅僅把form-control當做一個設置樣式的類名來使用吧，我過會再查下bootstrap有關form-control的源碼。

2016-11-05 回復有任何疑惑可以回復我~

秋風5LIFE 回復無所畏懼小小小提問者

恩恩好的額

2016-11-06 回復有任何疑惑可以回復我~

秋風5LIFE
2016-11-05

form-control 是將表單元素相對于外圍元素100%顯示 ?就是例如輸入框的寬度啥的?

<!doctype?html>
<html>
<head>
	<meta?charset="utf-8">
	<title>form</title>
	<link?rel="stylesheet"?href="bs/css/bootstrap.min.css">
</head>
<body>
	<div?class="container">
		<!--?form-control?設置寬度為100%?-->
			<form?action="table.html"?method="post"?role="form">
				<div?class="form-group">
					<label>用戶名:</label>
					<input?type="text"?class="form-control"?placeholder="請輸入用戶名">
				</div>
				<div?class="form-group">
					<label>密碼:</label>
					<input?type="password"?class="form-control"?placeholder="請輸入密碼">
				</div>
				<div?class="form-group">
					<label>文件:</label>
					<input?type="file">
				</div>
				<div?class="form-group">
					<label>興趣:</label>
					<input?type="checkbox"value="籃球">籃球
				</div>
					<div?class="form-group">
					<label>性別:</label>
					<input?type="radio"?name="sex"value="男">男
					<input?type="radio"?name="sex"value="女">女

				</div>

				<div?class="form-group">
					<select?class="form-control">
						<option?value="">--請選擇--</option>
						<option?value="1">1</option>
						<option?value="2">2</option>


					</select>
				</div>

				<div?class="?form-group">
					<textarea?class="form-control">
						dfgdfg
					</textarea>
				</div>
				<input?type="submit"?class="btn?btn-success"?value="提交">
				<input?type="reset"?class="btn?btn-info"?value="重置">
			</form>
	</div>
</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答

無所畏懼小小小提問者

謝謝，課程中有一句描述是：為了讓控件在各種表單風格中樣式不出錯，需要添加類名“form-control”。請問這個怎么解讀？可以通過bootstrap中的form-control代替正則驗證嗎？

2016-11-05 回復有任何疑惑可以回復我~

qq_饅頭_29 回復無所畏懼小小小提問者

不能，form-control只是控制樣式的

2017-08-10 回復有任何疑惑可以回復我~