BootStrap表单控件之文本域textarea


Posted in Javascript onMay 23, 2017

1.运行效果如图所示

BootStrap表单控件之文本域textarea 

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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript学习笔记之相等符号与严格相等符号
Nov 23 Javascript
javascript数组去重的方法汇总
Apr 14 Javascript
JS实现的自定义右键菜单实例二则
Sep 01 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
使用plupload自定义参数实现多文件上传
Jul 19 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
Async/Await替代Promise的6个理由
Jun 15 Javascript
vue实现图片上传功能
May 28 Javascript
vue 实现把路由单独分离出来
Aug 13 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
《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
利用php绘制饼状图的实现代码
2013/06/07 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
docker-compose部署php项目实例详解
2019/07/30 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
js面向对象之公有、私有、静态属性和方法详解
2015/04/17 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
jQuery元素选择器实例代码
2017/02/06 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
2018/11/25 Javascript
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
python通过文件头判断文件类型
2015/10/30 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
在Python 不同级目录之间模块的调用方法
2019/01/19 Python
ipad上运行python的方法步骤
2019/10/12 Python
TensorFLow 变量命名空间实例
2020/02/11 Python
Python GUI编程学习笔记之tkinter事件绑定操作详解
2020/03/30 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
努比亚手机官网:nubia
2016/10/06 全球购物
Waterford美国官网:爱尔兰水晶制品品牌
2017/04/26 全球购物
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
英国著名药妆店:Superdrug
2021/02/13 全球购物
高三历史教学反思
2014/01/09 职场文书
淘宝客服自我总结鉴定
2014/01/25 职场文书
金融管理应届生求职信
2014/02/20 职场文书
银行求职信怎么写
2014/05/26 职场文书
学校节能减排方案
2014/06/13 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
2015年仓库工作总结
2015/04/09 职场文书