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

Extjs中ComboBoxTree实现的下拉框树效果(自写)

May 28 Javascript

jQuery实现购物车多物品数量的加减+总价计算

Jun 06 Javascript

13 款最热门的 jQuery 图像 360 度旋转插件推荐

Dec 09 Javascript

jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法

Aug 25 Javascript

Javascript 事件冒泡机制详细介绍

Oct 10 Javascript

Bootstrap Search Suggest使用例子

Dec 21 Javascript

angular使用post、get向后台传参的问题实例

May 27 Javascript

基于Bootstrap框架菜鸟入门教程(推荐)

Sep 17 Javascript

浅谈react前后端同构渲染

Sep 20 Javascript

bootstrap table合并行数据并居中对齐效果

Oct 17 Javascript

js 将线性数据转为树形的示例代码

May 28 Javascript

微信小程序实现上传多个文件超过10个

Mar 30 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去掉文件前几行的方法

2015/07/29 PHP

PHP实现的登录页面信息提示功能示例

2017/07/24 PHP

PHP长网址与短网址的实现方法

2017/10/13 PHP

细品javascript 寻址,闭包,对象模型和相关问题

2009/04/27 Javascript

返回对象在当前级别中是第几个元素的实现代码

2011/01/20 Javascript

关于jQuery中的end()使用方法

2011/07/10 Javascript

Javascript 页面模板化很多人没有使用过的方法

2012/06/05 Javascript

JavaScript中的onerror事件概述及使用

2013/04/01 Javascript

JavaScript中获取高度和宽度函数总结

2014/10/08 Javascript

jQuery EasyUi实战教程之布局篇

2016/01/26 Javascript

JS实现侧边栏鼠标经过弹出框+缓冲效果

2017/03/29 Javascript

Vue.js 中的 $watch使用方法

2017/05/25 Javascript

Easyui ueditor 整合解决不能编辑的问题(推荐)

2017/06/25 Javascript

JavaScript基于面向对象实现的猜拳游戏

2018/01/03 Javascript

opencv 识别微信登录验证滑动块位置

2018/08/07 Javascript

vue-router二级导航切换路由及高亮显示的实现方法

2019/07/10 Javascript

JavaScript鼠标悬停事件用法解析

2020/05/15 Javascript

解决vue addRoutes不生效问题

2020/08/04 Javascript

在Angular项目使用socket.io实现通信的方法

2021/01/05 Javascript

[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访

2014/06/30 DOTA

[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

Python获取当前函数名称方法实例分享

2018/01/18 Python

python2.7到3.x迁移指南

2018/02/01 Python

详解python3中zipfile模块用法

2018/06/18 Python

Python实现打印实心和空心菱形

2019/11/23 Python

应用电子专业学生的自我评价

2013/10/16 职场文书

入党申请人的自我鉴定

2013/12/01 职场文书

校友会欢迎辞

2014/01/13 职场文书

竞选体育委员演讲稿

2014/04/26 职场文书

法律顾问服务方案

2014/05/15 职场文书

毕业答辩开场白范文

2015/05/27 职场文书

纪录片信仰观后感

2015/06/08 职场文书

办公室主任岗位竞聘书

2015/09/15 职场文书

教您怎么制定西餐厅运营方案？

2019/07/05 职场文书

成本低的5个创业项目：投资小、赚钱快

2019/08/20 职场文书

python实现图片九宫格分割的示例

2021/04/25 Python