代码说

code is poetry

代码说    
碎碎念:什么时候稚真的情感披上了虚伪的外衣,看不到诚实的面孔,每个人都带着面具。  换一换

嵌在td中的textarea显示不正常

作者:coderzheng 发布于:2011-5-17 16:04 Tuesday 分类:html  阅读模式

代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/js/jquery-1.3.2.js"></script>
<title>无标题文档</title>
</head>
<body>
<div>
<form name="form1">
<table border="0">
<tr>
<td></td>
<td width="100px"><input type="text" value="" /></td>
</tr>
<tr>
<td><span class="red">*</span>申请理由:</td>
<td>
<textarea id="reason" name="reason">
</textarea>
</td>
</tr>
</table>
</form>
</body>
</html> 
测试发现,在ff下textarea中的内容默认光标不是定位在行首,而是在其他地方. 测试发现,在ie8和ff中, (1)当textarea元素被table中的单元格td嵌套时,代码写成如下方式:
<td>
   <textarea cols="30" rows="5">
   </textarea>
</td> 
是有问题的,表现为:textarea中的内容光标默认不是定位在行首,而是偏离行首一段距离; (2)仅当textarea元素被td嵌套时会出现(1)中所描述的情形,其他情形正常,如:
<body>
<div>
<textarea cols="20" rows="5">
</textarea>
</div>
<textarea cols="20" rows="5">
</textarea>
</body> 
解决办法: 统一改格式为:
<textarea></textarea> (让textarea闭合标签紧贴元素开始标签) 

标签: html

你可以发表评论、引用到你的网站或博客,或通过RSS 2.0订阅这个博客的所有文章。
上一篇: 严冬冬  |  下一篇:jquery获取radio组选项的值