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

javascript判断单选框或复选框是否选中方法集锦

Apr 04 Javascript

js 动态添加标签（新增一行，其实很简单，就是几个函数的应用）

Mar 26 Javascript

js实现弹出窗口、页面变成灰色并不可操作的例子分享

May 10 Javascript

Javascript中arguments用法实例分析

Jun 13 Javascript

JS实现动态表格的添加，修改，删除功能(推荐)

Jun 15 Javascript

canvas 弹幕效果（实例分享）

Jan 11 Javascript

AngularJS获取json数据的方法详解

May 27 Javascript

JavaScript上传文件时不用刷新页面方法总结（推荐）

Aug 15 Javascript

js实现动态添加上传文件页面

Oct 22 Javascript

基于Angular 8和Bootstrap 4实现动态主题切换的示例代码

Feb 11 Javascript

JavaScript实现简单验证码

Aug 24 Javascript

electron踩坑之dialog中的callback解决

Oct 06 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

PHP4 与 MySQL 数据库操作函数详解

2006/12/06 PHP

php MYSQL 数据备份类

2009/06/19 PHP

php下将多个数组合并成一个数组的方法与实例代码

2011/02/03 PHP

PHP中fwrite与file_put_contents性能测试代码

2013/08/02 PHP

php 启动报错如何解决

2014/01/17 PHP

ThinkPHP中redirect用法分析

2014/12/05 PHP

JavaScript 检测浏览器和操作系统的脚本

2008/12/26 Javascript

JS正则中的RegExp对象对象

2012/11/07 Javascript

js css 实现遮罩层覆盖其他页面元素附图

2014/09/22 Javascript

node.js操作mongoDB数据库示例分享

2014/11/26 Javascript

如何编写高质量JS代码

2014/12/28 Javascript

javascript实现无缝上下滚动特效

2015/12/16 Javascript

JS禁用页面上所有控件的实现方法(附demo源码下载)

2015/12/17 Javascript

jQuery日历插件datepicker用法详解

2016/03/03 Javascript

常用jQuery选择器汇总

2017/02/02 Javascript

浅谈webpack组织模块的原理

2018/03/10 Javascript

vue组件定义，全局、局部组件，配合模板及动态组件功能示例

2019/03/19 Javascript

python实现爬虫统计学校BBS男女比例（一）

2015/12/31 Python

python安装mysql-python简明笔记(ubuntu环境)

2016/06/25 Python

Python中的探索性数据分析(功能式)

2017/12/22 Python

详解Python3序列赋值、序列解包

2019/05/14 Python

python for循环remove同一个list过程解析

2019/08/14 Python

Django 框架模型操作入门教程

2019/11/05 Python

python 实现图片上传接口开发并生成可以访问的图片url

2019/12/18 Python

tensorflow 分类损失函数使用小记

2020/02/18 Python

python+selenium+chromedriver实现爬虫示例代码

2020/04/10 Python

Python图像处理二值化方法实例汇总

2020/07/24 Python

Microsoft新加坡官方网站：购买微软最新软件和技术产品

2016/10/28 全球购物

应用化学专业职业生涯规划书

2013/12/31 职场文书

绿色环保口号

2014/06/12 职场文书

幼儿园小班开学寄语

2015/05/27 职场文书

升学宴学生致辞

2015/09/29 职场文书

创业计划书之电动车企业

2019/10/11 职场文书

导游词之江南周庄

2019/12/06 职场文书

Go语言-为什么返回值为接口类型,却返回结构体

2021/04/24 Golang

云服务器部署 Web 项目的实现步骤

2022/06/28 Servers