当前位置: 首页 > 编程笔记 >

BootStrap表单控件之文本域textarea

郭单鹗
2023-03-14
本文向大家介绍BootStrap表单控件之文本域textarea,包括了BootStrap表单控件之文本域textarea的使用技巧和注意事项,需要的朋友参考一下

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表单使用方法(表单控件),包括了全面解析Bootstrap表单使用方法(表单控件)的使用技巧和注意事项,需要的朋友参考一下 一、输入框input   单行输入框,常见的文本输入框,也就是input的type属性值为text。   在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstra

  • 本文向大家介绍Bootstrap CSS布局之表单,包括了Bootstrap CSS布局之表单的使用技巧和注意事项,需要的朋友参考一下 1. 表单 表单是html网页交互很重要的部分,同时也是BootSTrap框架中的核心内容,表单提供了丰富的样式(基础、内联、横向) 表单的元素 input textarea select checkbox radio(checkbox和radio是input的特

  • 本文向大家介绍Bootstrap每天必学之表单,包括了Bootstrap每天必学之表单的使用技巧和注意事项,需要的朋友参考一下 本文主要讲解的是表单,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下内容: 1.基本案例 2.内联表单 3.水平排列的表单 4.被支持的控件 5.静态控件 6.控件状态 7.控件尺寸 8.帮助文本 基本案例  单独

  • 本文向大家介绍全面解析Bootstrap表单使用方法(表单控件状态),包括了全面解析Bootstrap表单使用方法(表单控件状态)的使用技巧和注意事项,需要的朋友参考一下 一、焦点状态   焦点状态是通过伪类“:focus”来实现。Bootstrap框架中表单控件的焦点状态删除了outline的默认样式,重新添加阴影效果。     二、禁用状态   Bootstrap框架的表单控件的禁用状态和普通

  • 文本框脚本 在HTML中,文本框的表现形式有两种:一种是使用 <input>元素且它的type属性值为"text"来表示 单行文本框。二种是使用 <textarea>和</textarea>表示 多行文本框。 要表示单选文本框,可以使用<input>元素且其type属性值为“text”。通过 size设置文本框中能够显示的字符数,通 value设置文本框的初始值,通过 maxlength设置可以接

  • 本文向大家介绍Bootstrap所支持的表单控件实例详解,包括了Bootstrap所支持的表单控件实例详解的使用技巧和注意事项,需要的朋友参考一下  Bootstrap所支持的表单控件如下所示: Bootstrap 支持最常见的表单控件,主要是 input、textarea、checkbox、radio 和 select。 输入框(Input) 最常见的表单文本字段是输入框 input。用户可以在

  • 主要内容:表单布局,实例,实例,实例,支持的表单控件,实例,实例,实例,实例,静态控件,实例,表单控件状态,实例,表单控件大小,实例,表单帮助文本,实例在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 基本的表单结构是 Bootstrap 自带的,个别的表单控件自动接收一些全局样式。下面列

  • 问题内容: 我正在使用以下内容来设置文本区域的值。 但它似乎不起作用。message的值不能为null。有谁知道为什么它没有填补价值? 问题答案: Textarea没有价值。您需要在开始和结束标记之间插入消息。