`
Peter9889
  • 浏览: 2903 次
文章分类
社区版块
存档分类
最新评论

html 标签中的<input>

    博客分类:
  • html
 
阅读更多
大家好,iteye今日开博!有奖问答欢迎参加。。。。。

今天小江让我实现一个很简单的功能,我的写法也是很常规的,但是时间却用掉很不常规的时间,当时的情景是这样的的, 我做一个长度判断,

<tr><td width="14%" class="font_b1" id="Content_Sms">
								<div>
									短信:
								</div>
							</td>
							<td width="86%" align="left" colspan="3">
								<input class="tx" name="affairs.ContentSms" size="101" maxlength="101"  onkeyup="javascript:checkPname(this);"/>
								<span class="check_pname"></span>
							</td>
							
						</tr>


//长度判断
	function checkPname(obj){
		var message = "";
		var length = obj.value.length-1;
		
		if(length>=200 && obj.className=="pname" ){
			message="<font style='color: red; font-size: 12px; font-weight: bold;'>已达到最大"+length+"字符的限制</font>";
			$(obj).next(".check_pname").css("display","block");
			$(obj).next(".check_pname").html(message);
		}else if(length>=32 && obj.className=="Type"){
			message="<font style='color: red; font-size: 12px; font-weight: bold;'>已达到最大"+length+"字符的限制</font>";
			$(obj).next(".check_pname").css("display","block");
			$(obj).next(".check_pname").html(message);
		}else if(length>=100 && obj.className=="tx"){
			message="<font style='color: red; font-size: 12px; font-weight: bold;'>已达到最大"+length+"字符的限制</font>";
			$(obj).next(".check_pname").css("display","block");
			$(obj).next(".check_pname").html(message);
		}else if(length==0 && obj.className=="pname"){
			$(obj).next(".check_pname").css("display","inline");
		}else{
			$(obj).next(".check_pname").css("display","none");
		}
	}


用法非常简单,但是当我输入的字数超过限制之后<span>就是不显示message,这个问题真奇怪,然后我专门试了试在span中加入了<span class="check_pname">ss</span>
结果就是取不到ss,这可把我急死了,最后请来周董,周董搞了一会,用firefox可以搞定,但是回到Ie又不行,开始以为是缓存问题,但是后来,发现不是这个问题,最后周董慧眼识珠一眼看出<input>的用法有误。所以应该把<input></input>的写法改为<input/>调试成功!!


具体解释:ie会默认的将<input>自动加/如果后边再跟</input>则会出现2个input标签所以jquery找不到对象!!
分享到:
评论

相关推荐

    HTML绿色食品网站页面

    为了优化网页性能,我们还需要考虑SEO(搜索引擎优化),合理使用&lt;head&gt;中的&lt;meta&gt;标签,如设置描述和关键词,以及确保网站内容的可访问性,遵循WCAG(Web Content Accessibility Guidelines)标准。 最后,响应式...

    HTML标签属性大全

    表单标签是指在HTML文档中用于定义表单的标签,包括&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;等标签。 &lt;form&gt;标签用于定义表单。&lt;input&gt;标签用于定义输入控件。&lt;textarea&gt;标签用于定义多行文本输入控件。 七、框架标签 框架...

    HTML标签(下)(表格+列表+表单)

    &lt;input&gt;标签用于定义表单中的输入框。input标签有多种类型,例如text、password、checkbox、radio等。例如: ``` &lt;input type="text" name="username" /&gt; ``` &lt;select&gt;标签 &lt;select&gt;标签用于定义表单中的下拉列表。...

    HTML静态页面的标签

    7. 表单标签:&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;,用于定义表单,实现动态交互,通过查看,填写并提交表单信息到服务器端。 8. 分区标签:&lt;div&gt;,用于定义结构化块状元素,作为逻辑分区即容器来使用。 9. ...

    HTML标签总结,包含HTML4和HTML5

    * `&lt;input&gt;`: 定义输入框 * `&lt;textarea&gt;`: 定义文本区域 * `&lt;select&gt;`: 定义下拉菜单 * `&lt;option&gt;`: 定义下拉菜单选项 多媒体标签 * `&lt;audio&gt;`: 定义音频 * `&lt;video&gt;`: 定义视频 框架标签 * `&lt;frameset&gt;`: 定义...

    HTML常用标签.pdf

    14. &lt;hr&gt;:&lt;hr&gt; 标签在 HTML 页面中创建一条水平线。 15. &lt;center&gt;:对其所包括的文本进行水平居中。 16. &lt;a&gt;:&lt;a&gt; 标签可定义锚。锚(anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或...

    已知一个<input />标签,如何不改变其层级的关系,用js或者加入class设置,在文本框的最右边加一个X,使之可以置空该input

    在网页设计中,`&lt;input&gt;` 标签用于创建各种输入控件,用户可以通过这些控件向服务器提交数据。在你的需求中,你希望在文本框的最右边添加一个“X”图标,使得用户可以点击这个图标来清空输入框的内容,而无需改变...

    HTML标签解释大全

    &lt;input type="text" id="fname" name="fname"&gt;&lt;br&gt; &lt;/fieldset&gt; ``` ##### 标签:font - **说明**:`&lt;font&gt;` 标签用于指定用于渲染所包含文本的新字体、大小和颜色,但该标签已经被废弃。例如: ```html &lt;font...

    html标签及用法

    &lt;body&gt;中的文本内容标签有:&lt;h1&gt;到&lt;h6&gt;定义不同级别的标题;&lt;p&gt;用于段落;&lt;strong&gt;表示强调,&lt;em&gt;表示重要或斜体;&lt;br&gt;插入换行;&lt;a&gt;创建超链接,href属性指定链接地址。 四、列表标签 &lt;ul&gt;和&lt;ol&gt;用于无序列表和...

    HTML网页标签入门

    表单标签用于在网页中创建表单,常用的表单标签有 `&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;` 等。 * `&lt;form&gt;`:表单标签,用于创建表单。 * `&lt;input&gt;`:输入框标签,用于创建输入框。 * `&lt;textarea&gt;`:大量文字输入标签,...

    HTML常用标签代码

    所有的其他HTML标签都应位于`&lt;html&gt;`标签内。 2. `&lt;head&gt;`: 包含文档的元信息,如标题、字符集设置等。它不直接显示在浏览器中,但对网页的运行至关重要。 3. `&lt;title&gt;`: 定义网页的标题,显示在浏览器的标题栏中...

    HTML常见标签

    - `&lt;label&gt;`定义标签,与`&lt;input&gt;`配合使用,增强可访问性。 - `&lt;button&gt;`定义按钮,`&lt;fieldset&gt;`和`&lt;legend&gt;`组织相关表单元素。 8. HTML5新增标签: - `&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`、`...

    HTML 总结(已完).docx

    HTML的基本语法是,HTML标签必须由&lt;&gt;包裹,HTML标签一般成对出现,分为开始/开放标签和结束/闭合标签,也称容器。标签与标签之间可以嵌套,但必须正确的嵌套。HTML标签不区分大小写。 HTML的基本结构是:&lt;html&gt;为根...

    html标签大全

    表单元素是HTML中的重要部分,如`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`和`&lt;button&gt;`,它们用于创建用户交互界面,收集和提交数据。`&lt;input&gt;`标签非常灵活,可以有不同的类型,如文本输入`type="text"`、复...

    html标签和属性总结

    超链接是HTML标签中非常重要的一部分,它可以实现从一个页面指向另一个页面的跳转。超链接的语法包括: * 文字超链接:&lt;a href=”被访问的路径” target=”何处打开文档” title=”显示额外信息”&gt;名字&lt;/a&gt; * 图像...

    html5 中文手册

    * 表单标签:&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;、&lt;button&gt; * 表格标签:&lt;table&gt;、&lt;tr&gt;、&lt;td&gt;、&lt;th&gt;、&lt;caption&gt; 此外,本手册还将对 HTML5 的事件属性进行详细的解释,包括 onclick、ondblclick、onmouseover、...

    完美html教程,里面包含两个ppt html课件,一个一个html标签库文档

    接着是"HTML.ppt",这个可能是更深入的HTML教程,可能涵盖了更复杂的元素和属性,例如表格&lt;table&gt;、表单&lt;form&gt;和其相关的元素如&lt;input&gt;、&lt;select&gt;、&lt;textarea&gt;,还有如何使用&lt;div&gt;和&lt;span&gt;进行页面布局和内容分组。...

    HTML 语法大全!超级精炼<一点通>

    &lt;attribute&gt; 以对象的形式代表了 HTML 元素的标签属性或属性。 &lt;B&gt; 指定文本应以粗体渲染。 &lt;base&gt; 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 &lt;baseFont&gt; 设置渲染文本时作为缺省字体的...

    HTML基本标签详细介绍PDF

    可以包含输入框`&lt;input&gt;`、按钮`&lt;button&gt;`、下拉框`&lt;select&gt;`等。例如: ``` &lt;form action="/submit" method="post"&gt; &lt;input type="text" name="username" placeholder="请输入用户名"&gt; &lt;input type="password" ...

Global site tag (gtag.js) - Google Analytics