欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

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

发布时间:2019-05-28  编辑:杨雨个人博客网站   点击:   

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

 

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

tuyi.png

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

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

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

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

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

<textarea rows="5" cols="20">
在杨雨个人博客,你可以找到你所需要的所有的在线编程课程。
</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标签的全部内容了,有问题的可以在下方提问。

本文地址:http://itbyc.com/web/html5/20763.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1