当前位置:Gxlcms > html代码 > html文本域标签属性有哪些?html文本域标签属性用法介绍

html文本域标签属性有哪些?html文本域标签属性用法介绍

时间:2021-07-01 10:21:17 帮助过:130人阅读

本篇文章主要介绍的是关于HTML文本域textarea标签的属性和简单的用法实例。文章内容很简单,很容易学习的,代码都是很基础的代码,还是没有难度的代码,所以想学习的请认真的自己敲代码。接下来让我们一起来看这篇文章吧

首先我们先看看html文本域textarea标签的属性:

tuyi.png

<textarea> 标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是Courier)。

可以通过cols和rows属性来规定textarea的尺寸,不过更好的办法是使用CSS的height和width属性。

提示:可以通过<textarea>标签的wrap属性设置文本输入区内的换行模式。

现在说一个html textarea标签的简单用法:

<textarea rows="5" cols="20">
在Gxl网,你可以找到你所需要的所有的在线编程课程。
</textarea>

这个只用了cols属性和rows属性,效果如图:

tuer.png

这个就是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 文本域textarea标签的全部内容了,有问题的可以在下方提问。

【小编推荐】

html font标签如何设置字体大小?html font标签属性用法介绍

HTML中添加图片的代码是什么?html如何正确的添加图片路径?

以上就是html文本域标签属性有哪些?html文本域标签属性用法介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行