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

二级域名或跨域共享Cookies的实现方法

Aug 07 Javascript

ExtJS Window 最小化的一种方法

Nov 18 Javascript

jquery中的on方法使用介绍

Dec 29 Javascript

js关于精确计算和数值格式化以及直接引js文件

Jan 28 Javascript

js判断一个字符串是否包含一个子串的方法

Jan 26 Javascript

使用Jasmine和Karma对AngularJS页面程序进行测试

Mar 05 Javascript

深入理解JavaScript中的call、apply、bind方法的区别

May 30 Javascript

jackson解析json字符串,首字母大写会自动转为小写的方法

Dec 22 Javascript

深入浅出 Vue 系列 -- 数据劫持实现原理

Apr 23 Javascript

vue给对象动态添加属性和值的实例

Sep 09 Javascript

浅析JavaScript 函数防抖和节流

Jul 13 Javascript

JS this关键字在ajax中使用出现问题解决方案

Jul 17 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

ThinkPHP中的三大自动简介

2014/08/22 PHP

php实现网站留言板功能

2015/11/04 PHP

php中遍历二维数组并以表格的形式输出的方法

2017/01/03 PHP

PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能

2019/09/23 PHP

jQuery 技巧大全(新手入门篇)

2009/05/12 Javascript

JQuery扩展插件Validate 5添加自定义验证方法

2011/09/05 Javascript

表单验证的完整应用案例探讨

2013/03/29 Javascript

JS父页面与子页面相互传值方法

2014/03/05 Javascript

JavaScript闭包实例讲解

2014/04/22 Javascript

2014年50个程序员最适用的免费JQuery插件

2014/12/15 Javascript

jQuery往textarea中光标所在位置插入文本的方法

2015/06/26 Javascript

跟我学习javascript的undefined与null

2015/11/17 Javascript

Javascript 对cookie操作详解及实例

2016/12/29 Javascript

VUE前后端学习tab写法实例

2019/08/06 Javascript

详解Vue后台管理系统开发日常总结(组件PageHeader)

2019/11/01 Javascript

微信小程序开发摇一摇功能

2019/11/22 Javascript

JavaScript实现HTML导航栏下拉菜单

2020/11/25 Javascript

python使用socket向客户端发送数据的方法

2015/04/29 Python

python计算圆周率pi的方法

2015/07/11 Python

详解python脚本自动生成需要文件实例代码

2017/02/04 Python

基于Python3 逗号代码和字符图网格(详谈)

2017/06/22 Python

Python读取excel中的图片完美解决方法

2018/07/27 Python

详解通过API管理或定制开发ECS实例

2018/09/30 Python

python之cv2与图像的载入、显示和保存实例

2018/12/05 Python

python二进制读写及特殊码同步实现详解

2019/10/11 Python

Python实现从N个数中找到最大的K个数

2020/04/02 Python

你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法

2021/03/17 冲泡冲煮

css3遮罩层镂空效果的多种实现方法

2020/05/11 HTML / CSS

建筑班组长岗位职责

2014/01/02 职场文书

优秀少先队员主要事迹材料

2014/05/28 职场文书

中学生教师节演讲稿

2014/09/03 职场文书

大学新生军训自我鉴定范文

2014/09/13 职场文书

2014镇党委书记党建工作汇报材料

2014/11/02 职场文书

2015年电气技术员工作总结

2015/07/24 职场文书

街道办残联2016年助残日活动总结

2016/04/01 职场文书

MATLAB 如何求取离散点的曲率最大值

2021/04/16 Python