textarea

* textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
* 引用网址:http://www.dreamdu.com/xhtml/tag_textarea/
* 属性:
o Common -- 一般属性
o cols -- 多行输入域的列数
o rows -- 多行输入域的行数
o accesskey -- 表单的快捷键访问方式
o disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
o readonly -- 输入域可以选择,但是无法修改
o tabindex -- 输入域,使用"tab"键的遍历顺序

示例

<form id="dreamduform" action="dreamdu.php" method="post">
<label for="contactus">联系我们</label>
<textarea cols="50" rows="10" id="contactus" name="contactus">可爱的猴子</textarea>
</form>


这是由于IE和FF对HTML的默认解释不一样造成的。

在overflow属性同为缺省的情况下:
IE中体现为overflow-x:hidden;overflow-y:scroll(横向滚动条隐藏,纵向滚动条显示)
FF中体现为overflow:auto(由内容长度自动添加或隐藏滚动条)

如果你希望即使没有内容火狐中也有滚动条,这么写:
<textarea name="usercontent" cols=35 rows=5 style="overflow:scroll"></textarea> 但这样话横向滚动条也出来了,会比较影响美观,这么写可以只保留纵向滚动条隐藏横向的:
<textarea name="usercontent" cols=35 rows=5 style="overflow-x:hidden; overflow-y:scroll;"></textarea>


最后提一下影响“textarea”横向纵向滚动条显示的属性“overflow”
-------------------------------------------------------------
overflow : visible | auto | hidden | scroll

参数:

visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容,自动隐藏超出的字符,图片,防止撑出层和表格的范围
scroll : 总是显示滚动条

http://www.dreamdu.com/xhtml/tag_textarea/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值