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

纯JavaScript实现的完美渐变弹出层效果代码

Apr 02 Javascript

调试Node.JS的辅助工具(NodeWatcher)

Jan 04 Javascript

Jquery使用Firefox FireBug插件调试Ajax步骤讲解

Dec 02 Javascript

史上最全JavaScript数组去重的十种方法（推荐）

Aug 17 Javascript

解决微信二次分享不显示摘要和图片的问题

Aug 18 Javascript

结合mint-ui移动端下拉加载实践方法总结

Nov 08 Javascript

微信小程序scroll-x失效的完美解决方法

Jul 18 Javascript

vue中promise的使用及异步请求数据的方法

Nov 08 Javascript

express.js中间件说明详解

Mar 19 Javascript

vue-devtools的安装和使用步骤详解

Oct 17 Javascript

JS array数组检测方式解析

May 19 Javascript

基于elementUI竖向表格、和并列的案例

Oct 26 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

基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍

2013/04/22 PHP

thinkPHP5.0框架安装教程

2017/03/25 PHP

php基于数组函数实现关联表的编辑操作示例

2017/07/04 PHP

php curl上传、下载、https登陆实现代码

2017/07/23 PHP

javascript 树控件比较好用

2009/06/11 Javascript

js以对象为索引的关联数组

2010/07/04 Javascript

深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解

2013/05/08 Javascript

js判断字符长度及中英文数字等

2014/03/19 Javascript

JavaScript学习笔记之Function对象

2015/01/22 Javascript

js实现touch移动触屏滑动事件

2015/04/17 Javascript

jQuery实现的背景动态变化导航菜单效果

2015/08/24 Javascript

学习JavaScript设计模式之观察者模式

2020/04/22 Javascript

jQuery中队列queue()函数的实例教程

2016/05/03 Javascript

React Native 截屏组件的示例代码

2017/12/06 Javascript

VUE 3D轮播图封装实现方法

2018/07/03 Javascript

浅析JS中回调函数及用法

2018/07/25 Javascript

js防抖和节流的深入讲解

2018/12/06 Javascript

[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛胜者组 BO3 第二场 8.21

2020/07/19 DOTA

浅谈Python中copy()方法的使用

2015/05/21 Python

机器学习python实战之手写数字识别

2017/11/01 Python

python编程培训 python培训靠谱吗

2018/01/17 Python

pandas实现选取特定索引的行

2018/04/20 Python

树莓派3 搭建 django 服务器的实例

2019/08/29 Python

python3 mmh3安装及使用方法

2019/10/09 Python

Python dict的常用方法示例代码

2020/06/23 Python

如何基于matlab相机标定导出xml文件

2020/11/02 Python

CSS3圆角和渐变2种常用功能详解

2016/01/06 HTML / CSS

医药工作者的求职信范文

2013/09/21 职场文书

安全生产活动月方案

2014/03/09 职场文书

承诺书格式

2014/06/03 职场文书

做一个有道德的人活动方案

2014/08/25 职场文书

个人自查自纠材料

2014/10/14 职场文书

中秋节晚会开场白

2015/05/29 职场文书

小学生纪律委员竞选稿

2015/11/19 职场文书

python 遍历磁盘目录的三种方法

2021/04/02 Python

nginx lua 操作 mysql

2022/05/15 Servers