html页面中看不到的表单元素,解决HTML表单元素覆盖样式元素问题

在设计html页面的过程中经常会遇到表单元素覆盖样式元素引起的问题，图一就是一个典型的例子。不要小看这个貌似“低级”的问题，即使一些规模较大的网站上类似的问题也绝不鲜见。本文探讨了造成这一问题的根本原因，并提出一种补救办法――之所以说补救办法而不是一劳永逸的解决办法，是因为微软和NetScape这两个巨头也还没有对策。

一、HTML元素的显示优先级

HTML中常用的表单元素包括：文本区域(TEXTAREA)，列表框(SELECT)，文本输入框(INPUT type=text)，密码输入框(INPUT type=password)，单选输入框(INPUT type=radio)，复选输入框(INPUT type=checkbox)，等等。常见的非表单元素包括：链接标记(A)，DIV标记，SPAN标记，TABLE标记，等等。表单元素覆盖样式元素的根本原因在于HTML元素默认的显示优先级规则，例如：帧元素总是比其他HTML元素优先，因此也总是显示在最前面；表单元素总是比所有非表单元素优先。

所有这些HTML元素又可以根据其显示要求分成两类，即有窗口的HTML元素(Windowed Element)，无窗口的HTML元素(Windowless Element)。有窗口的元素包括：SELECT元素，OBJECT元素，插件，IE 5.01以及更早版本中的IFRAME元素。无窗口的元素包括：大多数的普通HTML元素，如链接和TABLE标记，除了SELECT元素之外的大多数表单元素，NS6+/IE 5.5以及更高版本中的IFRAME元素。本文讨论的问题主要与有窗口的HTML元素有关，问题的症结其实就在于操作系统默认总是把有窗口的元素显示在无窗口的元素前面。

二、浏览器类型与显示优先级

按照浏览器类型比较，HTML元素的显示次序也有所不同，总结如下：

⑴ Netscape/Mozilla

在NS浏览器6.0以前的版本中，表单元素总是比其他HTML元素有更高的优先级。但在NS 6+浏览器中，IFRAME元素和所有表单元素的显示次序或者由css的z-index属性值确定，或者由它们在HTML页面中出现的次序确定，但SELECT元素除外。

欢迎大家阅读《解决HTML表单元素覆盖样式元素问题_html》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：解决HTML表单元素覆盖样式元素问题_html

html页面中看不到的表单元素,解决HTML表单元素覆盖样式元素问题_html相关推荐

html元素全屏右键显示覆盖,HTML表单元素覆盖样式元素问题及其补救之道
HTML表单元素覆盖样式元素问题及其补救之道更新时间:2006年07月27日 00:00:00 作者: 在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题,图一就是一个典型的例子 ...
C/C++编译和链接过程详解概述 (重定向表，导出符号表，未解决符号表)
详解link 有些人写C/C++(以下假定为C++)程序,对unresolved external link或者duplicated external simbol的错误信息不知所措(因为这样的错 ...
MySQL把一个大表拆分多个表后,如何解决跨表查询效率问题
MySQL把一个大表拆分多个表后,如何解决跨表查询效率问题参考文章: (1)MySQL把一个大表拆分多个表后,如何解决跨表查询效率问题 (2)https://www.cnblogs.com/lili ...
oracle表空间undotbs1,解决Oracle 表空间UNDOTBS1太大的有关问题
解决Oracle 表空间UNDOTBS1太大的问题 UNDOTBS1是一个回滚表空间,随着数据库的使用,默认会自动扩展.当它增大到一定程度,占用了过多的磁盘空间时,就需要进行清理了.下面就在2种操作系 ...
html表单样式怎么去掉,HTML表单元素覆盖样式元素问题及其补救之道
来源:远方网络 | 2005-12-28 9:01:41 | (有1595人读过) 说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在Flash和使用javas ...
金蝶K3生产任务单批次号和工单号同步需求实现
需求:用户要求启用了批次号管理的自制件,计划开工单后,批次号和工单号保持一致实现方案:通过在工单表增加触发器解决,工单保存后,自动更新批次号字段数据 CREATE TRIGGER WK_PIHAO ...
WSS页面定制系列（2）---定制单个列表的表单页面
这个主题的曾经写过一篇:WSS3.0开发--页面定制(1)--修改列表的表单页面这篇文章讲诉了如何通过修改RenderingTemplate来定制整个Farm的表单页面,本篇将讲诉如何定制单个的表单 ...
用java写注册表单_利用HTML表单标签编写一个注册页面
今天我们来写一个注册页面 form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构: 页面结构大体就是这样子的~ 利用HTML表单标签编写一个注册页面表单标签: 所有需要提交到服务 ...
action无法传参数给html页面,HTML 解决form表单提交时，action url中参数无效问题
这篇文章主要为大家详细介绍了HTML 解决form表单提交时,action url中参数无效问题,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...

html页面中看不到的表单元素,解决HTML表单元素覆盖样式元素问题_html

html页面中看不到的表单元素,解决HTML表单元素覆盖样式元素问题_html相关推荐

最新文章

热门文章