BootStrap表單控件之文本域textarea
更新時間：2017年05月23日 11:29:25 作者：素顏豬
這篇文章主要介紹了BootStrap表單控件之文本域textarea,需要的朋友可以參考下
1.運行效果如圖所示
2.實現(xiàn)代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>表單控件——文本域textarea</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<!-- 可選的 Bootstrap 主題文件（一般不用引入） -->
<link rel="stylesheet"
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
crossorigin="anonymous">
</head>
<body>
<form role="form">
<!-- 單選 -->
<div class="form-group">
<textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
</div>
</form>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
</body>
</html>
以上所述是小編給大家介紹的BootStrap表單控件之文本域textarea，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
bootstrap 通過加減按鈕實現(xiàn)輸入框組功能
這篇文章主要介紹了bootstrap 輸入框組 通過加減按鈕來增加刪除內(nèi)嵌輸入框組,當我點擊 + 按鈕時，會添加一行輸入框組；當點擊 - 按鈕時，會刪除這一行輸入框組。具體實現(xiàn)代碼大家參考下本文2017-11-11
javascript下操作css的float屬性的特殊寫法...2007-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)全選和全不選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了js實現(xiàn)當前輸入框高亮顯示的方法,涉及javascript針對輸入框樣式動態(tài)設置的技巧,非常美觀大方,簡單實用,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了擴展Bootstrap Tooltip插件使其可交互的方法,結(jié)合實例形式分析了bootstrap擴展tooltip插件的原理與具體操作技巧,需要的朋友可以參考下2016-11-11
JavaScript 匿名函數(shù)（anonymous function）與閉包（closure）
JavaScript 匿名函數(shù)（anonymous function）與閉包（closure） ,學習js的朋友可以參考下。2011-10-10
這篇文章主要介紹了js與運算符和或運算符的使用方法,需要的朋友可以參考下2014-02-02
FireBug 調(diào)試JS入門教程 如何調(diào)試JS
這篇文章主要為大家介紹下通過firefox的FireBug調(diào)試JS，需要的朋友可以參考下2013-12-12
這篇文章介紹了JavaScript動態(tài)操作select下拉框的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
JavaScript實現(xiàn)旋轉(zhuǎn)輪播圖
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)旋轉(zhuǎn)輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08