                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（基礎(chǔ)）

關(guān)于bootstrap中的類名form-control

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

無所畏懼小小小

2016-11-05

源自：玩轉(zhuǎn)Bootstrap（基礎(chǔ)） 3-4

關(guān)注問題我要回答

5816

操作

收起

2 回答

秋風(fēng)5LIFE 回答被采納 +3 積分
2016-11-05

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

無所畏懼小小小提問者

好的，那就先僅僅把form-control當(dāng)做一個(gè)設(shè)置樣式的類名來使用吧，我過會(huì)再查下bootstrap有關(guān)form-control的源碼。

2016-11-05 回復(fù) 有任何疑惑可以回復(fù)我~

#2

秋風(fēng)5LIFE 回復(fù) 無所畏懼小小小提問者

恩恩好的額

2016-11-06 回復(fù) 有任何疑惑可以回復(fù)我~

秋風(fēng)5LIFE
2016-11-05

form-control 是將表單元素相對(duì)于外圍元素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?設(shè)置寬度為100%?-->
			<form?action="table.html"?method="post"?role="form">
				<div?class="form-group">
					<label>用戶名:</label>
					<input?type="text"?class="form-control"?placeholder="請(qǐng)輸入用戶名">
				</div>
				<div?class="form-group">
					<label>密碼:</label>
					<input?type="password"?class="form-control"?placeholder="請(qǐng)輸入密碼">
				</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="">--請(qǐng)選擇--</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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

無所畏懼小小小提問者

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

2016-11-05 回復(fù) 有任何疑惑可以回復(fù)我~

#2

qq_饅頭_29 回復(fù) 無所畏懼小小小提問者

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

2017-08-10 回復(fù) 有任何疑惑可以回復(fù)我~