安科网

BootStrap表单控件之文本域textarea

移动开发与培训

移动开发与培训

2017-05-23

关注 关注

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>

textarea bootstrap表单 html表单

移动开发与培训

移动开发与培训

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

去掉谷歌浏览器获取焦点时默认的input、textarea的边框

Chrome上当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框。我用这个CSS，没有用。

zengni 2020-04-16

jquery插件——仿新浪微博限制输入字数的textarea

#test{border:1px solid #d9d9d9; padding:0 1%;line-height: 1.8;font-family: "microsoft yahei";font-size: 14px;display:

Vipwxs 2018-12-19

javascript textarea字数限制

textarea字数限制 练习代码多有参考网络 by ahuinan. alert("对不起，不能大于20个字节，中文算两个！更多的计算字符串长度代码，可以参考这一篇文章。

javaer 2008-09-02

个人小程序笔记 - 持续收录自己一年的小程序开发注意事项

记录小程序常见问题组件(标签)问题textarea表单页面经常遇到ios和andriod表现出来的边距不同问题。表单一般都是从上而下填写的, 悬浮设计为非必要. 因笔主说不过, 只能麻烦的隐藏显示, ios没事,但安卓切换显示表现不友好.

jscjxysx 2019-07-01

html textarea文本域高度自适应

</html>2、其实这个段代码有些小瑕疵，输入的时候，高度自适应，但是足字删除输入的内容时，高度就不自适应了。本人改进办法，由于时间仓促，可能不是很好，如果你有好的方式，可以告诉我，在这里谢谢了。解决：因为文本域宽度200px，测试了下，每行

冯二爷 2019-07-01

微信小程序从入坑到放弃之坑八：textarea在苹果手机中的大Bug

首次在这里写点东西，还请各位大佬担待点。而且如果看官手中没有苹果手机测试的话，这个可就真的是个坑了！这绝对是一个超大的Bug！！！是的，按照正常逻辑，这个空隙就是由padding引起的。顺便补充一句，微信官方提供的判断依旧不全面，最新出来的苹果手机还没有完

Donutsapps 2019-06-29

jquery插件——仿新浪微博限制输入字数的textarea

#test{border:1px solid #d9d9d9; padding:0 1%;line-height: 1.8;font-family: "microsoft yahei";font-size: 14px;display:

无情 2018-12-19

jquery实现textarea发布框限制文字字数输入(添加中文识别)

　　var v = obj.val(), charlen = 0, maxlen = !200 : maxlen, curlen = maxlen, len = v.length;<span id="checklen">还可

87281248 2017-09-28

jquery实现textarea输入框限制字数的方法

本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。网上有使用属性disabled来实现，这个不好，想修改都没有修改。当然，这个也不是很完美。<h6>说点什么吧，你可以输入<span>140&l

原為簡單 2017-09-28

CSS公共方法-去掉各类默认属性

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}. .clearfix:after{content:&q

web开发 2017-01-16

由一个项目需求引发的 - textarea中的换行和空格

当我们使用 textarea 在前台编辑文字，并用 js 提交到后台的时候，空格和换行是我们最需要考虑的问题。其实之前在接触的时候，完全没有考虑过这些问题，也是因为最近做的项目里面有一个这样子的需求，要求用户在 textarea 输入文字，提交之后以文章的

勤能补拙孰能生巧 2019-06-28

treegrid-3.0范例：设置静态数据集

<input type="button" value="更新数据集" onclick="updateDataset()">. {"title": "组织名

wndong 2015-12-14

PHP开发学习笔记

这种情况应该怎么办呢？addslashes是可以使单引号(,),双引号(")，反斜线(\)与NULL加上反斜线进行转义。echo '魔术引号未开启,$textarea需要转义','<br />';

shishaoe 2015-04-10

有意思：textarea resize属性下纯CSS交互效果

有人保留，有人嫌碍事，直接resize:none;掉，但是，估计没人利用整个儿做交互效果。一个半透明遮罩层随着拖动把张含韵给覆盖了，达到了半遮面的交互效果。但是，如果文本域右侧定位，则右侧不动，宽度往左侧扩展。

csstpeixun 2015-04-02

用JavaScript限制textarea输入长度 (For: IE、Firefox ...)

<title> Code：用JavaScript限制textarea输入长度 </title>

xiaocaibai 2014-12-19

去除谷歌浏览器input及textarea表单边框特效

谷歌浏览器Chrome基于WebKit开源浏览器引擎，自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后，大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的，但是当网站本身就已经对于表单样式有一

realitycss 2014-05-05

extjs 类似jquery的选择器

我们可以先Ext.getCmp获取父panel的组件，然后用它的getValues()方法获取这个form面板所有的子元素的结果集，然后我们用.操作符来获得我们所希望的取值。第二种是通过Ext.query方法，然后传入一个选择器，然后我们得到的是一个HTM

DreamLee 2013-12-13

jsp页面中input、textArea去除边框样式

<input type="text" style="border-left:0px;border-top:0px;border-right:0px;border-bottom:1px " value="

切慕溪水 2013-07-11

How to:Set Maxlength of Textarea using jQuery/JavaScript

Setting up maxlength of input text are easy. Just an attribute maxlength="##" does the work. But maxlength attribute d

lkj0 2013-05-24

jquery 获得值 笔记

文本框，文本区域：$.attr；

崔博伦一路有你 2013-04-09
移动开发与培训

移动开发与培训

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号