编程 Javascript

BootStrap表单控件之文本域textarea

Posted in Javascript onMay 23, 2017

1.运行效果如图所示

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 相关文章推荐

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 职场文书