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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
jQuery Validate初步体验(二)
Dec 12 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
再谈javascript常见错误及解决方法
Sep 16 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
AngularJS 防止页面闪烁的方法
Mar 09 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
3分钟了解vue数据劫持的原理实现
May 01 Javascript
vue-router结合vuex实现用户权限控制功能
Nov 14 Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 Javascript
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
You might like
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
浅谈PHP的反射机制
2016/12/15 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
JS禁用浏览器退格键实现思路及代码
2013/10/29 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
[02:47]2018年度DOTA2最佳辅助位选手4号位-完美盛典
2018/12/17 DOTA
python字符串的方法与操作大全
2018/01/30 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
django自带调试服务器的使用详解
2019/08/29 Python
详解Python图像处理库Pillow常用使用方法
2019/09/02 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
Python 利用OpenCV给照片换底色的示例代码
2020/08/03 Python
Python读取pdf表格写入excel的方法
2021/01/22 Python
苹果Mac升级:MacSales.com
2017/11/20 全球购物
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
数组越界问题
2015/10/21 面试题
线程同步的方法
2016/11/23 面试题
自考生毕业自我鉴定
2013/10/10 职场文书
元旦联欢会感言
2014/03/04 职场文书
个人作风建设心得体会
2014/10/22 职场文书
交通事故调解协议书
2015/05/20 职场文书
心灵点滴观后感
2015/06/02 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书