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、标签是成对出现的,以开始,以...
  • huangmin113659
  • huangmin113659
  • 2016-04-25 20:41:21
  • 276

HTML textarea 文本区域 外面说明文字垂直居中对齐的问题

问: 请问怎么样才能达到我图片图二所示的效果呢?谢谢 代码如下: 发件地址: 答: 方案1:把发件地址和textarea分成2个div,2个d...
  • thenewdiana
  • thenewdiana
  • 2015-11-14 11:55:48
  • 4966

在学习HTML——form表单中的label标签时的一点小体会

在我啃了一遍书本之后,开始了在慕课看视频的过程,从最开始的HTML+CSS的基础课程看起,在第5-9小节讲到了form表单的label标签,         首先看一下慕课的讲解:         l...
  • x_d123
  • x_d123
  • 2016-07-15 14:49:55
  • 4273

关于input的placeholder的样式设置问题,兼容多种浏览器

一般placeholder的字体颜色要比输入的value值色值要淡一些的,所以我们用到了 :-webkit-input-placeholder, :-moz-placeholder, :-ms-inp...
  • u010289111
  • u010289111
  • 2016-01-20 16:23:40
  • 10767

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

说到标签,是因为浏览器兼容性的问题。在做亚马逊功能模块的时候,有一个审核的功能,用到radio,写代码的时候,不知怎么想的把每个标签放在之间,结果问题来了。我自己因为喜欢使用Chrome浏览器,测试时...
  • Z18789231876
  • Z18789231876
  • 2015-03-24 10:03:31
  • 2328

关于label标签搭配textarea使用的样式问题

默认两者搭配使用时,标签是位于textarea左边底部。解决方法 在textarea标签中添加样式vertical-align: top;即可...
  • limy_cxm
  • limy_cxm
  • 2017-06-05 18:03:07
  • 344

CSS label textarea 垂直对齐

1.垂直顶部对齐 /*--- 清除浮动 ---*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; vis...
  • jiongxian1
  • jiongxian1
  • 2017-07-21 20:54:11
  • 463

textArea的使用方法

textArea的使用方法:   1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的...
  • morning2008
  • morning2008
  • 2016-01-10 13:09:50
  • 1860

表单中的textarea问题

这个问题很让我郁闷,看如下代码:if ($_POST[textfield]){$tmp = $_POST[textfield];echo $tmp;}?>            很简单的一个表单提交,...
  • phphot
  • phphot
  • 2008-03-01 16:21:00
  • 5174
收藏助手
不良信息举报
您举报文章:textarea标签和label标签让我郁闷的时候
举报原因:
原因补充:

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