首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

BootStrap表单控件之文本域textarea

Posted in Javascript onMay 23, 2017

1.运行效果如图所示

BootStrap表单控件之文本域textarea 

2.实现代码如下

<!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" 
  href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" 
  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
  crossorigin="anonymous">
  <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
  <link rel="stylesheet" 
  href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" 
  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，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

BootStrap表单控件之文本域textarea

- Author -

素颜猪

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JavaScript字符串对象substr方法入门实例（用于截取字符串）
Oct 16 Javascript
jquery+json实现数据二级联动的方法
Nov 28 Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 Javascript
网站申请不到支付宝接口、微信接口，免接口收款实现方式几种解决办法
Dec 14 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
ES6新数据结构Set与WeakSet用法分析
Mar 31 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
layui添加动态菜单与选项卡
Jul 26 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
BootStrap 表单控件之单选按钮水平排列
May 23 #Javascript
vue实现app页面切换动画效果实例
May 23 #Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
May 23 #Javascript
JavaScript设置名字输入不合法的实现方法
May 23 #Javascript
node.js中express中间件body-parser的介绍与用法详解
May 23 #Javascript
微信小程序request出现400的问题解决办法
May 23 #Javascript
Bootstrap响应式表格详解
May 23 #Javascript
scrapy(1) Postman(1) 骨架屏(1) DeOldify(1) virtualenv(1) 横向滚动(1) 共享文件夹(1) SVN(1) 加载异常(1) localStorage(1)
You might like
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
JavaScript 基于原型的对象（创建、调用）
2009/10/16 Javascript
JavaScript中SQL语句的应用实现
2010/05/04 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
2011/04/06 Javascript
jQuery学习笔记 获取jQuery对象
2012/09/19 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
2013/08/28 Javascript
javascript使用定时函数实现跳转到某个页面
2013/12/25 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
js实现表单多按钮提交action的处理方法
2015/10/24 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
2016/08/08 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
iview table render集成switch开关的实例
2018/03/14 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
Python中优化NumPy包使用性能的教程
2015/04/23 Python
使用python读取txt文件的内容,并删除重复的行数方法
2018/04/18 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
python的命名规则知识点总结
2019/10/04 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
两年的个人工作自我评价
2014/01/10 职场文书
商场中秋节活动方案
2014/02/07 职场文书
自荐书范文范例
2014/02/13 职场文书
《珍珠泉》教学反思
2014/02/20 职场文书
省级优秀毕业生主要事迹
2014/05/29 职场文书
主题团日活动总结
2014/06/25 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
CocosCreator ScrollView优化系列之分帧加载
2021/04/14 Python
详解Java实现数据结构之并查集
2021/06/23 Java/Android
FFmpeg视频处理入门教程(新手必看)
2022/01/22 杂记