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

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

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

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

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

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

二:<textarea>标签

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

转载于:https://www.cnblogs.com/cao123/p/9826580.html

input type=text和textarea的区别相关推荐

  1. HTML button 和 input type=“button”的区别 / input type=submit 和button的区别

    HTML <button> 和 input type="button"的区别: 1. <button>标签里可以放文本图片等内容,与<input> ...

  2. 设置文本框 input [type=text] 的长度不超过固定值,输入的字符不超过固定值

    页面上要求设置一个输入一行字的文本框,既然是一行字,我就用了input type为text,没有用textarea,并且还要求文本框长度固定美观,只能输入10个字符. 一共用了两个属性,一个是size ...

  3. jquery对所有input type=text的控件赋值

    function resetData() {       $("input[type=text]").each(       function() {      $(this).a ...

  4. 关于input type=“text”文本框的 默认宽度

    当文本框的td设置宽度设置为百分比时,出现了一些没有搞懂的地方. 类选择设置td的width 为百分比时,通常 要定义父元素的宽度,在我的实战中父元素只能是table,给定table时. 而且这就是说 ...

  5. input type=text 无法使用.html(),input type=”text” (Elements) – HTML 中文开发手册

    HTML 中文开发手册 input type="text" (Elements) - HTML 中文开发手册 "text"类型的元素 创建通用的单行文本字段. ...

  6. chrome下input[type=text]的placeholder不垂直居中的问题解决

    http://blog.csdn.net/do_it__/article/details/6789699 <input type="text" placeholder=&qu ...

  7. 设置input type=text的默认值

    设置<input type="text">的默认值最基本的就是用value设置默认值,例如<input type="text" value=& ...

  8. 输入框input type=“text“(获取值、设置默认值)

    <input type="text" class="form-control" id="name" placeholder=" ...

  9. input type:text输入框点击输入,文字消失

    <input name="Header1$txbsearch" type="text" value="18912345678" id= ...

  10. input type=text标签去边框 透明背景色

    <input id="inputID" type="text" placeholder="placeholder"> #inpu ...

最新文章

  1. 关于IBM Lotus的JAVA代理进入jar包的说明
  2. 直观展示卷积核(转)
  3. ArrayBlockingQueue原理分析-dequeue方法
  4. ES6函数第二篇:剩余参数与展开运算符的练习
  5. Codeforces 746 G. New Roads
  6. 基于JAVA+SpringMVC+Mybatis+MYSQL的学生选课系统
  7. html5+php调用android手机图片,HTML5拍照上传图片Phonegap封装HTML5调用Android相机拍照上传到PHP端...
  8. NYOJ--4--ASCII码排序
  9. PyInstaller打包成exe可执行文件
  10. java 文件上传 乱码_java中文传值乱码问题的解决方法
  11. 迅雷极速版禁止自动升级的方法
  12. 数字图像处理编程入门笔记
  13. 架构师于小波:魅族实时消息推送架构
  14. 怎么禁用笔记本的键盘
  15. 星界边境机器人升级,星界边境作弊码分享
  16. 《新浪微博平台架构》---阅读
  17. 读书笔记-《领导力21法则》
  18. 51CTO多功能双肩包【博客活动礼品】
  19. Rancher学习日记4
  20. 【algorithm】源码详解中国大陆新身份证号码算法

热门文章

  1. springboot整合shiro之实现记住我
  2. 程序员如何让自己 Be Cloud Native - 配置篇 1
  3. DevOps工程师到底做些什么?
  4. Windows系列服务器上配置JSP运行环境,以及网站上线
  5. 美国将采纳TMF智慧城市成熟度模型
  6. 生产环境下戴尔 R820 kvm虚拟化部署二(物理主机系统优化)
  7. windows 下pcl的安装和编译
  8. Linux中关于链表的遍历
  9. SQL SERVER: 合并相关操作(Union,Except,Intersect)
  10. matlab三维怎么转换二维,求助,二维图像如何绕轴旋转成为三维图像