您现在的位置: 首页 > 网站导航收录 > 百科知识百科知识

htmltextarea(html中textarea属性)

标签,属性,文本htmltextarea(html中textarea属性)

发布时间：2020-12-06加入收藏来源：互联网点击：

最近很多小伙伴想了解htmltextarea的一些资讯，今天小编整理了与htmltextarea相关的信息分享给大家，一起来看看吧。

本文目录一览：

1、[HTML表单]1.textarea(多行文本域) 2、Html—让textarea标签中的内容原格式输出的两种办法 3、html中textarea属性 4、html 中textarea完整用法

[HTML表单]1.textarea(多行文本域)

浏览器将表单的数据打包后发送给服务器,服务器接收后转由程序处理。

form表单元素/form

表单本身不可见,只是一个区域。

语法：

input /

属性：

1)type(类型)

可选值：

text(文字域) password(密码域) file(文件域,不同浏览器显示不同) checkbox(复选域,同组name值最好一样.以便服务器区分) radio(单选域,同一组的name值要相同) button(按钮) submit(提交按钮) reset(重置按钮) hidden(隐藏域,用户看不到但可传递到服务器) image(图像域,实际是按钮的功能) checked(单选多选设置默认值)

2)name(文字域的名称)

3)maxlength(最大字符长度)

4)size(文本框的宽度,字符个数为单位,默认20)

5)value(文本框默认值,是要提交给服务器的值)

6)placeholder(提示信息)

2)select-菜单和列表标签 option-菜单和列表项目标签

优点：

节约网页空间。

语法：

select

option value=""选项1/option

/select

select属性：

1)name(名称)

2)multiple(设置可选择多个,会从下拉菜单变为列表菜单,按住ctrl可多选)

3)size(设置列表可见选项数目,会从下拉菜单变为列表菜单)

option属性：

1)selected(默认选中)

2)value(传送给服务器的值)

3)optgroup-菜单和列表项目分组标签

语法：

select

optgroup label="组名"

option选项/option

/optgroup

/select

4)textarea-文字域标签(多行)

语法：

textarea内容/textarea

注意：

开始标签和结束标签之间不要有换行或者空格。

属性：

1)name(名称)

2)placeholder(提示信息)

3)rows(可见行数)

4)cols(可见宽度,只是大约数据)

Html—让textarea标签中的内容原格式输出的两种办法

在没有使用编辑器而是使用了文本域 textarea 的情况下，用户所输入的内容呈现的效果并不理想，比如：原本的换行没有保留，全部成了单行显示。

要让在 textarea 中输入的内容原格式输出有一下两种办法：

使用 pre 标签是我最开始采用的办法，但是这种方法也有一定的缺陷,比如说我们在使用的编辑器的时候，换行、Tab、空格都会影响到输出结果。如图：

并且， pre 标签本身自带得有一些样式，比如字体等。如果你的页面有引入bootstrap等css框架，那么受样式影响就更多了，你得再写去覆盖。

因此，这种方法并不推荐。

我们先来看一下 white-space 的定义和属性：

其属性有：

也就是说，我们可以使用 white-space:pre-warp 或 white-space:pre-line 达到我们想要的效果。

两者的区别是：

如图：

white-space:pre-warp 效果如下：

white-space:pre-line 效果如下：

因此，更推荐使用第二种方法。

html中textarea属性

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

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

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

列入：

textarea rows="3" cols="20"

标签定义多行的文本输入控件

/textarea

html 中textarea完整用法

HTML中的标签textarea的属性及用法：

1、cols，垂直列。在没有做样式表设置的情况下，它表示一行中可容纳下的字节数。例如cols=60，表示一行中最多可容纳60个字节，也就是30个汉字。另外要注意的是，文本框的宽度就是通过这个来调整，输入好cols的数值，然后再定义输入文字字体的大小（不定义的话，会采用默认值），那么文本框的宽度就确定了。

2、rows，水平列。表示可显示的行数，例如rows=10，表示可显示10行。超过10行，则需要拖动滚动条来浏览了。

3、name，文本框的名称，这项必不可省，因为存储文本的时候必须用到。

4、warp，当warp="off"表示该文本区域中不自动换行，当然不写默认是自动换行的。这个参数一般用得比较少。

5、style，这是个非常实用的参数，可以用来设置文本框的背景色，滚动条颜色及形式，边框色，输入字体的大小颜色等等。

6、class,一般用来调用外部css里边的设置。 

以上就是htmltextarea的相关信息介绍，希望能对大家有所帮助。

本文到此结束，希望对大家有所帮助呢。