html中textarea属性

发布时间:2025-12-09 14:36:20 浏览次数:4

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

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

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

列入:

<textarea rows="3" cols="20">

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

</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里边的设置。 

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

<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(可见宽度,只是大约数据)


需要做网站?需要网络推广?欢迎咨询客户经理 13272073477