「inputtype=“text“」和「textarea」的区别
在我们开发时经常需要⽤到输⼊框,通常解决办法就是<input type="text">和<textarea>,那么这两个标签有什么区别呢?
⼀:<input type="text"> 标签
text标签是单⾏⽂本框,不会换⾏。
通过size属性指定显⽰字符的长度,注意:当使⽤css限定了宽⾼,那么size属性就不再起作⽤。
value属性指定初始值,Maxlength属性指定⽂本框可以输⼊的最长长度。
可以通过width和height设置宽⾼,但是也不会增加⾏数,下⾯是⼀个例⼦:
<input type="text" value="我是设置过宽⾼的text">
结果:⽂本依然只有⼀⾏,并且居中显⽰。
⼆:<textarea> 标签
<textarea>是多⾏⽂本输⼊框,⽂本区中可容纳⽆限数量的⽂本,其中的⽂本的默认字体是等宽字体(通常是 Courier),可以通过 cols 和 rows 属性来规定 textarea 的尺⼨,不过更好的办法是使⽤ CSS 的 height 和 width 属性。下⾯是⼀个例⼦:html单行文本框代码怎么写
<textarea rows="5" cols="5">我是通过cols和rows定的⼤⼩,我的cols是20,rows是10</textarea>
结果:
<textarea >我是通过width和height定的⼤⼩,我的width是200px,heigh是100px</textarea>
结果:
简⽽⾔之,他们最⼤的区别就是text是单⾏⽂本框,textarea是多⾏⽂本框。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论