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

提高网站信任度的技巧

Oct 17 Javascript

详细介绍8款超实用JavaScript框架

Oct 25 Javascript

js改变embed标签src值的方法

Apr 10 Javascript

如何解决谷歌浏览器下jquery无法获取图片的尺寸

Sep 10 Javascript

一道JS前端闭包面试题解析

Dec 25 Javascript

一步步教大家编写酷炫的导航栏js+css实现

Mar 14 Javascript

Bootstrap页面布局基础知识全面解析

Jun 13 Javascript

网络传输协议（http协议）

Nov 18 Javascript

原生js仿淘宝网商品放大镜效果

Feb 28 Javascript

Vue 路由过渡动效数据获取方法

Jul 31 Javascript

微信小程序常用简易小函数总结

Feb 01 Javascript

vue之延时刷新实例

Nov 14 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

肝肠寸断了解下!盘点史上最伤心的十大动漫

2020/03/04 日漫

15种PHP Encoder的比较

2007/04/17 PHP

php根据日期显示所在星座的方法

2015/07/13 PHP

隐藏Nginx或Apache以及PHP的版本号的方法

2016/01/03 PHP

php实现的SSO单点登录系统接入功能示例分析

2016/10/12 PHP

workerman结合laravel开发在线聊天应用的示例代码

2018/10/30 PHP

详解关于php的xdebug配置(编辑器vscode)

2019/01/29 PHP

laravel框架实现后台登录、退出功能示例

2019/10/31 PHP

IE8 原生JSON支持

2009/04/13 Javascript

JavaScript 利用Cookie记录用户登录信息

2009/12/08 Javascript

javascript中删除指定数组中指定的元素的代码

2011/02/12 Javascript

JS+CSS实现感应鼠标渐变显示DIV层的方法

2015/02/20 Javascript

javascript实现图片循环渐显播放的方法

2015/02/24 Javascript

使用Bootstrap Tabs选项卡Ajax加载数据实现

2016/12/23 Javascript

Angular2下使用pdf插件的方法详解

2017/04/29 Javascript

详解关于JSON.parse()和JSON.stringify()的性能小测试

2019/03/14 Javascript

jQuery实现滑动星星评分效果(每日分享)

2019/11/13 jQuery

javascript+Canvas实现画板功能

2020/06/23 Javascript

vue 使用localstorage实现面包屑的操作

2020/11/16 Javascript

python使用win32com库播放mp3文件的方法

2015/05/30 Python

Python编程实现二分法和牛顿迭代法求平方根代码

2017/12/04 Python

使用Python快速制作可视化报表的方法

2019/02/03 Python

Python使用itchat模块实现简单的微信控制电脑功能示例

2019/08/26 Python

python实现跨excel sheet复制代码实例

2020/03/03 Python

Django修改app名称和数据表迁移方案实现

2020/09/17 Python

html5 制作地图当前定位箭头的方法示例

2020/01/10 HTML / CSS

英国领先的隐形眼镜在线供应商：Lenstore.co.uk

2019/11/24 全球购物

俄罗斯在线大型超市：ТутПросто

2021/01/08 全球购物

新闻专业应届生求职信

2013/10/31 职场文书

公司市场专员岗位职责

2014/06/29 职场文书

初中生散播谣言检讨书

2014/11/17 职场文书

保卫工作个人总结

2015/03/03 职场文书

售房协议书范本

2015/08/11 职场文书

2016年春节问候语

2015/11/11 职场文书

2019新员工试用期转正工作总结范文

2019/08/21 职场文书

十大最强妖精系宝可梦，哲尔尼亚斯实力最强，第五被称为大力士

2022/03/18 日漫