textarea标签和label标签让我郁闷的时候

原创 2015年03月24日 10:03:31

说到<label>标签,是因为浏览器兼容性的问题。在做亚马逊功能模块的时候,有一个审核的功能,用到radio,写代码的时候,不知怎么想的把每个<input>标签放在<label>之间,结果问题来了。我自己因为喜欢使用Chrome浏览器,测试时没有问题的,代码上传上去后,产品部和测试部就反应审核功能用不了,也就是radio不起作用,点不动。自己去看了一下,还真是这样,自己找了一会,最后定位在这一区域,豁然之间把<label>去掉,问题就这样ok了。这事给我一个经验教训,就是这种不是很熟悉的标签就不要用。就像之前在<td>标签中使用onmouseover和onmouseout方法,结果让人崩溃。

说到<textarea>标签,是因为昨天有人反映,Listing上传策略和Product Title显示的时候内容不居中。首先我的反映是不是数据库的数据有问题,结果发现,有的数据还真的前面有空格,难道说问题就这样找到了,还真没那么简单,有些数据前面是没有空格的,但是显示的时候却是有空格的,这就奇怪了。用了trim()和各种正则进行过滤,结果还是不行。请教了旁边专门做服务器的老手,还是没找到症结所在。今天早上,通过浏览器控制台看了一下,又对照着看看代码,不知怎么想的,把<textarea>之间的换行去掉,测试了一下,竟然可以了,靠,突然之间觉的自己真的很悲催。

特地把代码粘贴如下

<tr bgcolor="#ffffff" height="25">
				<td>Listing上传策略(挂靠变体等)</td>
				<td>
					<textarea type="text" name="product[upload_policy]" cols="150" rows="1" >
						<?php echo $rs['upload_policy']?>
					</textarea>
				</td>
			</tr>

有时不要为了代码的好看而随便的换行,浏览器在解析的时候可不考虑这些,在解析到<textarea>的首标签和尾标签,自动把标签之间的内容无论空格、换行,还是自己写的内容都当做文本域的内容了。

有些人在添加数据的时候,在首尾带了空格插入数据库,我只好在插入的时候,对字段进行trim操作,在显示的时候也进行trim操作,这样就比较完美的解决问题了。

<tr bgcolor="#ffffff" height="25">
				<td>Listing上传策略(挂靠变体等)</td>
				<td><textarea type="text" name="product[upload_policy]" rows="1"cols="150"><?php echo trim($rs['upload_policy'])?></textarea></td>
			</tr>



相关文章推荐

textarea label

文本域,支持多行文本输入 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: rows="行数" cols="列数">文本 1、标签是成对出现的,以开始,以...

span,a标签,label标签文字右边的1px空白的解决办法

最近在做一个这样的效果时注意到了一个span的小细节——当span标签的内容最后一个字为中文时,会默认给文字右边留1px的空白像素(类似内填充,但是它无法清除)。这样就导致我们在计算两个span标签之...

js处理小数 , toFixed()的潜在问题

一、toFixed能做什么? 以下是摘自网络的toFixed的介绍: toFixed 方法: 返回一个字符串,代表一个以定点表示法表示的数字。 numObj.toFixed([fractionD...

如何理解HTTP响应的状态码?

我们知道HTTP协议是通过HTTP请求和HTTP响应来实现双向通信的。 HTTP状态码(HTTP Status Code)是用以表示Web服务器HTTP响应状态的3位数字代码,由RFC 2616规范定...
  • yangjvn
  • yangjvn
  • 2015年09月03日 12:52
  • 6197

<form><textarea><label><fieldset><legend><optgroup><button>标签整理

标签整理

Label mx 通用条码标签设计系统

  • 2015年12月31日 09:27
  • 13.3MB
  • 下载

Label mx 通用条码标签设计系统

  • 2013年04月08日 17:02
  • 11MB
  • 下载

获取textarea标签中的换行符和空格

问题: 获取到textarea标签内的格式(换行符、空格)取到,存入数据库,展示的时候能够保留基本格式。 解决思路: IE9以上、FF、chrome的换行为\n, IE7-8的时候换行为...
  • hj7jay
  • hj7jay
  • 2017年07月04日 09:29
  • 1866

label标签初级代码

  • 2012年03月27日 16:53
  • 33KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:textarea标签和label标签让我郁闷的时候
举报原因:
原因补充:

(最多只允许输入30个字)