本篇文章主要介绍的是关于html文本域textarea标签的属性和简单的用法实例。文章内容很简单,很容易学习的,代码都是很基础的代码,还是没有难度的代码,所以想学习的请认真的自己敲代码。接下来让我们一起来看这篇文章吧
首先我们先看看html文本域textarea标签的属性:
文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是Courier)。
立即学习“前端免费学习笔记(深入)”;
可以通过cols和rows属性来规定textarea的尺寸,不过更好的办法是使用CSS的height和width属性。
提示:可以通过
现在说一个html textarea标签的简单用法:
<textarea rows="5" cols="20">在本站,你可以找到你所需要的所有的在线编程课程。</textarea>
这个只用了cols属性和rows属性,效果如图:
这个就是html文本域的textarea标签最简单的用法,就是用来让别人输入文字的。
现在重点说说wrap属性:
wrap:用于指定文本内容大于文本宽度时的显示方式。
textarea标签的wrap属性指表:
当warp="off"表示该文本区域中不自动换行,如果编译器里是三行,那显示的界面就是三行,如果文本域中内容足够多超过了文本框的宽度时,会在文本域中出现横向的滚动条。当然不写默认是自动换行的。
当wrap=“virtual/(soft)”实现文本域内的自动换行,但在传输给服务器时,文本只在用户按下enter键的地方进行换行。(virtual和soft是等价的,只是soft是后来出现在h5中的属性值,h5中一般不使用virtual)。属于自动软回车换行。
当wrap=“physical/(hard)”实线文本域内的自动换行,并以这种形式传送给服务器。(physical和hard是等价的,同上hard是后来出现在h5中的属性值。)属于自动硬回车换行。
注意:如果css样式中有设置高度和宽度的话,按照css中的样式来!!!rows和cols就没有什么意义了,但是如果wrap=“hard”时一定要规定cols的属性。
【小编推荐】
html font标签如何设置字体大小?html font标签属性用法介绍
HTML中添加图片的代码是什么?html如何正确的添加图片路径?