`

标准HTML标签的属性扩展

阅读更多

作者: tomzc      Email:tangzc@gmail.com

   我们常用的HTML其实就是规范化后的XML,在XML中任何一个节点都可以有他自定义的标签属性。在HTML中也一样可以,我们通过增加标签的属性可以大大加强了script对标签的操控能力。

例如:

   <input type = "text" name = "text1" value = "111">

   上面这个input标签它的属性,例如:name、value、type都是他的标准属性,但是我们也可以增加一些特有的标签,例如:

    <input type = "text" name = "text1" value = "111" dataType = "int" isnull="false" chineseName = "工资">

  这样子一来我们就可以把这个标签描述的很清楚了,这个标签的数据类型为int,不允许为空,标签的中文名为“工资”。我们可以编写一个通用的判断函数,只要在表单提交之前遍历一下所有控件看看是否符合定义。这样子一来就可以省下很多重复的工作了。除了这个其实还有很多很多好的想法,这里我就不一一描述了。大家回去多点实践实践。

分享到:
评论
4 楼 need_faith 2011-03-17  
lucane 写道
firefox 下扩展html的标签属性
例如<input type="text" value="ddd" desc="你好" />
我自己给它加了个属性desc,在firefox下无法得到desc的值(undefined)
在ie下可以得到,请问该怎么办呢



兼容的访问方式应该是

targetDom.attributes.desc.value

3 楼 renyangok 2009-06-29  
lucane 写道
firefox 下扩展html的标签属性
例如<input type="text" value="ddd" desc="你好" />
我自己给它加了个属性desc,在firefox下无法得到desc的值(undefined)
在ie下可以得到,请问该怎么办呢

不同浏览器可能用不同的属性,你可以w3c网站上看看
2 楼 lucane 2009-05-31  
firefox需要getAttribute拿到属性
1 楼 lucane 2009-05-31  
firefox 下扩展html的标签属性
例如<input type="text" value="ddd" desc="你好" />
我自己给它加了个属性desc,在firefox下无法得到desc的值(undefined)
在ie下可以得到,请问该怎么办呢

相关推荐

    CSS命名+html标签属性大全.pdf

    总结来说,"CSS命名+html标签属性大全.pdf"文档为前端开发者提供了实用的指南,涵盖了CSS命名的最佳实践和HTML标签的常见属性,这些都是构建专业、可扩展的网站所必需的知识点。通过遵循这些规范和理解这些标签属性...

    html5事件和标签属性

    HTML5是Web开发的标准之一,它引入了许多新的特性和改进,包括增强的事件处理和标签属性。事件属性在HTML5中扮演着重要角色,因为它们允许开发者通过JavaScript响应用户交互和页面状态变化,从而实现更丰富的用户...

    动态属性自定义标签

    这为开发者提供了极大的便利,因为不再需要为每个可能的属性都预定义一个标签属性。 创建动态属性自定义标签通常涉及以下几个步骤: 1. **定义标签库描述符(TLD,Tag Library Descriptor)**:TLD是XML文件,用于...

    一些标签属性的扩展(1)

    今天我们要探讨的是一个重要的标签——`&lt;video&gt;` 标签,以及与它相关的属性扩展,特别是在提升视频内容展示和交互方面的一些关键知识点。 `&lt;video&gt;` 标签是HTML5中的新元素,用于在网页上内嵌视频内容。它的基本...

    HTML代码中标签的全部属性 中文注释说明

    以下是在IE环境下有效的`&lt;img&gt;`标签属性及其含义: 1. **language**: 指定脚本语言,如`&lt;script language="vbs"&gt;`中的`language`属性值为“vbs”。 2. **scrollHeight**: 表示元素的滚动高度。 3. **isTextEdit**: ...

    电信设备-基于HTML标签属性序列的信息隐藏及提取方法.zip

    基于HTML标签属性序列的信息隐藏及提取方法是其中一种具体的应用,它涉及到Web页面结构分析、数据编码以及信息的隐蔽传输。以下是对这一主题的详细阐述: 1. HTML基础知识:HTML(HyperText Markup Language)是...

    html5标签和属性使用[参考].pdf

    HTML5是现代网页开发的标准,它引入了许多新的标签和属性,以提高网页的语义性和可访问性。以下是一些重要的HTML5标签及其属性的详细解释: 1. `&lt;!DOCTYPE&gt;`:这个声明位于HTML文档的顶部,告诉浏览器文档遵循的是...

    html,javascript元素属性文档

    HTML元素是构成网页的基本单元,它们通过标签定义。每个HTML元素都有特定的属性,这些属性用于设定元素的行为、样式或内容。例如,`&lt;img&gt;`元素的`src`属性用于指定图像的URL,`alt`属性提供了当图片无法显示时的文字...

    HTML标签分类及其属性.pdf

    HTML标签分类及其属性的知识点涵盖了HTML的各个组成部分,包括表单元素、图片处理、超链接的使用、多媒体元素等。下面将对这些知识点进行详细说明: 1. 表单元素: - 标签用于创建一个表单,它的属性包括action、...

    JSP自定义标签动态属性支持

    在JavaServer Pages (JSP)技术中,自定义标签是扩展JSP功能的重要方式,它允许开发者创建可重用的组件,类似于HTML标签但具备更强大的功能。自定义标签可以包含复杂的业务逻辑,并且可以通过XML样式的语法进行调用,...

    HTML5属性,事件,标签

    HTML5是现代网页开发的标准,它扩展和改进了HTML4.01的许多特性,以更好地适应互联网的发展。本文将详细介绍HTML5中的属性、事件和标签,并探讨它们在实际开发中的应用。 首先,HTML5引入了许多新的属性,这些属性...

    html语法属性 CHM

    HTML标签是元素的标识,通常成对出现,但有些标签是自闭合的,如` `用于换行。标签区分大小写,但大多数现代浏览器对大小写不敏感。常见的标签包括`&lt;p&gt;`(段落)、`&lt;h1&gt;`至`&lt;h6&gt;`(标题)、`&lt;a&gt;`(链接)、`...

    带属性不带标签体的标签实例

    自定义标签允许我们封装复杂的JSP逻辑,使其看起来像HTML标签一样简洁。"带属性不带标签体的标签实例"是关于如何创建和使用这种类型的自定义标签的实践案例。 首先,一个带属性的自定义标签必须有一个对应的Java类...

    grunt-responsive-images-extender, 使用srcset和尺寸属性扩展HTML图像标签的Grunt插件.zip

    grunt-responsive-images-extender, 使用srcset和尺寸属性扩展HTML图像标签的Grunt插件 grunt-responsive-images-extender使用srcset扩展HTML图像标记,并使用大小属性来利用本机响应图像。正在启动这个插件需要 ...

    Android 多样化显示TextView以及扩展Html自定义标签

    总结来说,通过理解和应用这些技术,开发者能够实现TextView的多样化显示,包括自定义HTML标签的解析,从而增强用户界面的可读性和互动性。这对于构建功能丰富的Android应用来说是至关重要的。记得在实践中不断尝试...

    XML属性,框架结构,XML标签,XML的基本内容介绍

    ### XML属性,框架结构,XML标签,XML的基本内容介绍 #### 一、XML概述 **XML**(可扩展标记语言,Extensible Markup Language)是一种用于传输和存储数据的标准标记语言。与HTML(HyperText Markup Language)...

    风讯DW标签扩展插件

    3. **代码提示和自动完成**:此插件可能具备强大的代码提示功能,当用户输入HTML标签或属性时,能够自动完成相关代码,减少手动输入错误。 4. **增强的DOM操作**:扩展可能增强了对文档对象模型(DOM)的操作,使...

    jsp自定义带属性的标签

    4. **实现`doEndTag()`方法**:这个方法在标签结束时调用,用于完成标签的任何清理工作,如关闭开始标签时打开的HTML标签。 5. **编写TLD文件**:TLD(Tag Library Descriptor)文件描述了标签库中的所有标签,包括...

    HTML标签帮助文档

    HTML(HyperText Markup Language)是用于创建网页的标准...这份HTML标签帮助文档涵盖了HTML的常用标签和属性,对于初学者和有经验的开发者都是宝贵的资源,能帮助快速查找并理解各种标签的用法,提升网页开发效率。

Global site tag (gtag.js) - Google Analytics