* 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/
* 引用网址: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/