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

return false,对阻止事件默认动作的一些测试代码

Nov 17 Javascript

javascript中typeof的使用示例

Dec 19 Javascript

jquery.post用法关于type设置问题补充

Jan 03 Javascript

JavaScript结合AJAX_stream实现流式显示

Jan 08 Javascript

值得分享的bootstrap table实例

Sep 22 Javascript

jQuery中table数据的值拷贝和拆分

Mar 19 Javascript

vue表单绑定实现多选框和下拉列表的实例

Aug 12 Javascript

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

Sep 11 Javascript

puppeteer库入门初探

Jan 09 Javascript

JavaScript使用Math.random()生成简单的验证码

Jan 21 Javascript

vue-cli3使用 DllPlugin 实现预编译提升构建速度

Apr 24 Javascript

微信小程序实现电子签名并导出图片

May 27 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 foreach 参数强制类型转换的问题

2010/12/10 PHP

100行PHP代码实现socks5代理服务器

2016/04/28 PHP

利用PHP扩展Xhprof分析项目性能实践教程

2018/09/05 PHP

解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题

2019/10/16 PHP

php 多进程编程父进程的阻塞与非阻塞实例分析

2020/02/22 PHP

js 数值项目的格式化函数代码

2010/05/14 Javascript

在JavaScript中获取请求的URL参数

2010/12/22 Javascript

javascript 函数声明与函数表达式的区别介绍

2013/10/05 Javascript

js实现按钮颜色渐变动画效果

2015/08/20 Javascript

基于Bootstrap使用jQuery实现输入框组input-group的添加与删除

2016/05/03 Javascript

创建一个类Person的简单实例

2016/05/17 Javascript

浅析JavaScript Array和string的转换(推荐)

2016/05/20 Javascript

前端框架Vue.js构建大型应用浅析

2016/09/12 Javascript

微信小程序判断手机号的实现代码

2017/04/19 Javascript

JS实现上传图片的三种方法并实现预览图片功能

2017/07/14 Javascript

VUE基于NUXT的SSR 服务端渲染

2018/11/30 Javascript

express框架中使用jwt实现验证的方法

2019/08/25 Javascript

[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG

2018/04/01 DOTA

zbar解码二维码和条形码示例

2014/02/07 Python

Python中的取模运算方法

2018/11/10 Python

python requests 库请求带有文件参数的接口实例

2019/01/03 Python

解决python2 绘图title,xlabel,ylabel出现中文乱码的问题

2019/01/29 Python

python游戏开发之视频转彩色字符动画

2019/04/26 Python

python list转置和前后反转的例子

2019/08/26 Python

Python tkinter界面实现历史天气查询的示例代码

2020/08/23 Python

vue.js刷新当前页面的实例讲解

2020/12/29 Python

澳大利亚免息网上购物：Shop Zero

2016/09/17 全球购物

国际旅客访问北美最大的汽车租赁提供商：Alamo Rent A Car

2018/06/13 全球购物

美国社交购物市场：MassGenie

2019/02/18 全球购物

比较一下entity bean和session bean

2013/12/27 面试题

国贸专业大学生职业生涯规划范文

2014/01/10 职场文书

2014年党课学习材料

2014/05/11 职场文书

2015年班组建设工作总结

2015/05/13 职场文书

2015年见习期个人工作总结

2015/05/28 职场文书

孙振耀退休感言

2015/08/01 职场文书

医疗纠纷调解协议书

2015/08/06 职场文书