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

json-lib出现There is a cycle in the hierarchy解决办法

Feb 24 Javascript

对Web开发中前端框架与前端类库的一些思考

Mar 27 Javascript

将页面table内容与样式另存成excel文件的方法

Aug 05 Javascript

精通JavaScript的this关键字

May 28 Javascript

Node.js的Koa框架上手及MySQL操作指南

Jun 13 Javascript

详解JS中的快速排序与冒泡

Jan 10 Javascript

浅谈Webpack 是如何加载模块的

May 24 Javascript

在react中使用vue的状态管理的方法示例

May 02 Javascript

Vue中关闭弹窗组件时销毁并隐藏操作

Sep 01 Javascript

JS实现无限轮播无倒退效果

Sep 21 Javascript

HTML元素拖拽功能实现的完整实例

Dec 04 Javascript

JavaScript嵌入百度地图API的最详细方法

Apr 16 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设计模式中单例模式的应用分析

2013/05/15 PHP

PHP中的插件机制原理和实例

2014/07/08 PHP

CI框架源码解读之利用Hook.php文件完成功能扩展的方法

2016/05/18 PHP

PhpStorm本地断点调试的方法步骤

2018/05/21 PHP

实例讲解php实现多线程

2019/01/27 PHP

PHP中的empty、isset、isnull的区别与使用实例

2019/03/22 PHP

mysql输出数据赋给js变量报unterminated string literal错误原因

2010/05/22 Javascript

JQuery Easyui Tree的oncheck事件实现代码

2010/05/28 Javascript

动态加载图片路径保持JavaScript控件的相对独立性

2010/09/03 Javascript

addEventListener和attachEvent二者绑定的执行函数中的this不相同

2012/12/09 Javascript

Jquery创建层显示标题和内容且随鼠标移动而移动

2014/01/26 Javascript

javascript的数组和常用函数详解

2014/05/09 Javascript

JS数组array元素的添加和删除方法代码实例

2015/06/01 Javascript

js中unicode转码方法详解

2015/10/09 Javascript

SublimeText自带格式化代码功能之reindent

2015/12/27 Javascript

基于jQuery实现的无刷新表格分页实例

2016/02/17 Javascript

在JavaScript中模拟类(class)及类的继承关系

2016/05/20 Javascript

Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法

2016/08/18 Javascript

JavaScript ES6中CLASS的使用详解

2016/11/22 Javascript

Vue学习笔记之表单输入控件绑定

2017/09/05 Javascript

简单明了区分escape、encodeURI和encodeURIComponent

2018/05/26 Javascript

vue上传图片到oss的方法示例（图片带有删除功能）

2018/09/27 Javascript

angularJs中$scope数据序列化的实例

2018/09/30 Javascript

微信小程序自定义tabBar组件开发详解

2020/09/24 Javascript

vue改变循环遍历后的数据实例

2019/11/07 Javascript

Vue自定义表单内容检查rules实例

2020/10/30 Javascript

nuxt.js服务端渲染中axios和proxy代理的配置操作

2020/11/06 Javascript

Python实现连接MySql数据库及增删改查操作详解

2019/04/16 Python

Python3.7 pyodbc完美配置访问access数据库

2019/10/03 Python

Python3如何使用range函数替代xrange函数

2020/10/05 Python

美国在线咖啡、茶和餐厅供应商：LollicupStore

2018/05/04 全球购物

华为的Java面试题

2014/03/07 面试题

教师实习期自我鉴定

2013/10/06 职场文书

上课迟到检讨书

2014/01/19 职场文书

《最大的麦穗》教学反思

2014/04/17 职场文书

大学生个人求职信例文

2014/07/07 职场文书