input与textarea区别及用div模拟textarea

最新推荐文章于 2022-06-27 17:26:11 发布

MING23333

最新推荐文章于 2022-06-27 17:26:11 发布

阅读量335

点赞数 1

分类专栏： CSS 文章标签： textarea

本文链接：https://blog.csdn.net/MING23333/article/details/100165269

版权

CSS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

区别

<input>是单行文本框，不会换行，通过size属性指定显示的字符长度，注：若使用css限定宽高
则size属性不在起作用。
value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度，可以通过width和length设置宽高，但也不会增加段数。

<textarea>是多行文本输入框，文本区中可以容纳无限数量文本，无value属性，
可以通过cols与rows来规定textarea尺寸，不过更好的方法是使用css的height与width属性

div模拟textarea
例

<head>
<style>
  .textarea{
  min-height:100px;
  border:1px solid #666;
  width:300px;
  font-size:14px;
  max-height:90px;
  }
</style>
</head>
<body>
<!--高度随内容自适应-->
 <div class="textarea" contenteditable="true"></div>
</body>

MING23333

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
input与textarea区别及用div模拟textarea

区别<input>是单行文本框，不会换行，通过size属性指定显示的字符长度，注：若使用css限定宽高则size属性不在起作用。value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度，可以通过width和length设置宽高，但也不会增加段数。<textarea>是多行文本输入框，文本区中可以容纳无限数量文本，无value属性，可以通过co...
复制链接

扫一扫

专栏目录