zoukankan      html  css  js  c++  java
  • <input type="text">和<textarea>的区别

     在我们开发时经常需要用到输入框,通常解决办法就是<input type="text">和<textarea>,那么这两个标签有什么区别呢?

     一:<input type="text">标签

      text标签是单行文本框,不会换行。

      通过size属性指定显示字符的长度,注意:当使用css限定了宽高,那么size属性就不再起作用。

      value属性指定初始值,Maxlength属性指定文本框可以输入的最长长度。

          可以通过width和height设置宽高,但是也不会增加行数,下面是一个例子:

    <input type="text" style=" 200px; height: 100px" value="我是设置过宽高的text">  

      结果:文本依然只有一行,并且居中显示。

      

    二:<textarea>标签

      <textarea>是多行文本输入框,文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier),可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。下面是一个例子:

    <textarea rows="5" cols="5">我是通过cols和rows定的大小,我的cols是20,rows是10</textarea>

      结果:

      

    <textarea style=" 200px; height: 100px">我是通过width和height定的大小,我的width是200px,heigh是100px</textarea>

      结果:

      

    简而言之,他们最大的区别就是text是单行文本框,textarea是多行文本框。

  • 相关阅读:
    001:大盗阿福
    1183 编辑距离(51NOD)(dp)
    1134 最长递增子序列(容易TLE)
    1181 质数中的质数(质数筛法)(51NOD基础)
    列表行拖拽效果
    10个提升iOS开发效率的必用工具
    无需转化直接使用ESD映像文件安装系统简明教程
    Objective-C中变量采用@property的各个属性值的含义
    struts接收参数方式
    c# 执行js的方法
  • 原文地址:https://www.cnblogs.com/yonglin/p/7041423.html
Copyright © 2011-2022 走看看