网站推广.NET

网站推广.NET

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

来源:互联网

本篇文章主要介绍的是关于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如何正确的添加图片路径?

html文本域