问题标签 [html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3348 浏览

javascript - 如何启用禁用的单选按钮?

以下代码在 IE 中效果很好,但在 FF 或 Safari 中效果不佳。我不能为我的生活找出原因。如果您选择“禁用 2 个单选按钮”选项,该代码应该禁用单选按钮。如果您选择“启用两个单选按钮”选项,它应该启用单选按钮。这两个工作...

但是,如果您不使用鼠标在 2 个选项(“启用...”和“禁用...”)之间移动,那么单选按钮似乎不会被正确禁用或启用,直到您单击其他任何位置在页面上(而不是单选按钮本身)。

如果有人有时间/好奇/觉得有帮助,请将下面的代码粘贴到 html 页面并在浏览器中加载。它在 IE 中运行良好,但问题在 FF(在我的情况下为 3)和 Safari 中表现出来,所有这些都在 Windows XP 上。

0 投票
18 回答
151770 浏览

javascript - 如何使用原型自动调整文本区域的大小?

我目前正在为我工​​作的公司开发一个内部销售应用程序,并且我有一个允许用户更改收货地址的表单。

现在我认为它看起来会更好,如果我用于主要地址详细信息的文本区域只会占用其中的文本区域,并在文本更改时自动调整大小。

这是它目前的截图。

ISO 地址

有任何想法吗?


@克里斯

一个很好的观点,但我希望它调整大小是有原因的。我希望它占用的区域是其中包含的信息的区域。正如您在屏幕截图中看到的,如果我有一个固定的文本区域,它会占用相当多的垂直空间。

我可以减少字体,但我需要地址大且可读。现在我可以减小文本区域的大小,但是对于地址行需要 3 或 4 行(一个需要 5 行)的人,我会遇到问题。需要让用户使用滚动条是一个主要的禁忌。

我想我应该更具体一点。我在垂直调整大小之后,宽度并不重要。唯一会发生的问题是,当窗口宽度太小时(如屏幕截图所示)时,ISO 编号(大的“1”)会被推送到地址下方。

这不是噱头;它是关于拥有一个用户可以编辑的文本字段,它不会占用不必要的空间,但会显示其中的所有文本。

虽然如果有人想出另一种方法来解决这个问题,我也愿意接受。


我稍微修改了代码,因为它的行为有点奇怪。我将其更改为在 keyup 时激活,因为它不会考虑刚刚输入的字符。

0 投票
10 回答
19621 浏览

html - 如何解决IE6中的选择重叠错误?

使用 IE 时,不能将绝对定位的 div 放在选择输入元素上。这是因为 select 元素被认为是一个 ActiveX 对象,并且位于页面中每个 HTML 元素的顶部。

我已经看到人们在打开弹出 div 时隐藏了选择,这会导致控件消失的非常糟糕的用户体验。

FogBugz 实际上有一个非常聪明的解决方案(在 v6 之前),可以在显示弹出窗口时将每个选择变成文本框。这解决了错误并欺骗了用户的眼睛,但行为并不完美。

另一个解决方案是在 FogBugz 6 中,他们不再使用选择元素并在任何地方重新编码。

我目前使用的最后一个解决方案是弄乱 IE 渲染引擎,并强制它也将绝对定位的元素渲染<div>为 ActiveX 元素,以确保它可以存在于选择元素之上。这是通过在<iframe>内部放置一个不可见的<div>并使用以下样式来实现的:

有没有人有比这个更好的解决方案?

编辑:这个问题的目的是提供更多信息,因为它是一个真正的问题。我发现这个<iframe>技巧是一个很好的解决方案,但我仍在寻找改进,比如删除这个会降低可访问性的丑陋无用标签

0 投票
3 回答
2430 浏览

asp.net - asp.net 页面中的 Html 实体如何?

在 asp.net 页面中,我应该使用

或者

这两个示例具有相同的输出。由于 asp.net 将我所有的页面都编码为 utf-8,所以不需要使用 html 实体,对吗?

0 投票
8 回答
2756 浏览

html - 为您的主站点规划和构建支持移动设备的站点

我们正处于为我们的一位客户构建移动网站的初始规划阶段。这个移动站点将是我们已经为他们建立的主站点的补充。我们已确定内容将是主站点的一小部分,并将针对预期使用该站点的主要受众。

在浏览一些示例移动网站时,我们注意到很多网址中包含 WAP 的网站实际上只是简化的 HTML 文件。 http://wap.mlb.com并没有真正启用 WAP,而是简单的 HTML。

我的问题是WAP想想过去?随着智能手机和 iPhone 能够按原样呈现网站,我们是否需要担心 WML 和 WAP,或者精简的 html 版本就足够了吗?

您还可以推荐博客或教程或回答以下如何最好地检查移动设备吗?作为程序员,我们是否需要了解用户代理的每个变体才能将它们重定向到我们的移动站点?

最后,您会为 iPhone/Touch Safari 浏览器编写一个移动站点,还是直接保留该站点?

0 投票
6 回答
3652 浏览

html - 浏览器地址栏中 URL 地址旁边的个性化图标?

如何编写代码,使公司图标出现在浏览器地址栏中 URL 地址旁边的左侧?

0 投票
9 回答
44548 浏览

javascript - 样式显示在 Firefox、Opera、Safari 中不起作用 -(IE7 可以)

我有一个绝对定位div,我想在用户单击链接时显示。链接的onclick调用了一个js函数,该函数将div的显示设置为阻塞(也尝试过:“” inline,,,,table-cellinline-table)。这在 IE7 中效果很好,在我尝试过的所有其他浏览器(FF2、FF3、Opera 9.5、Safari)中都没有。

我尝试在通话前后添加警报,它们显示显示已从 更改为noneblock但未div显示。

div如果我使用 Firebug 的 HTML 检查器更改显示值(但不是通过 Firebug 的控制台运行 javascript),我可以在 FF3 中显示 - 所以我知道它不仅仅是在屏幕外显示,等等。

我已经尝试了我能想到的一切,包括:

  • 使用不同的文档类型(XHTML 1、HTML 4 等)
  • 使用可见性可见/隐藏而不是显示块/无
  • 使用内联 javascript 而不是函数调用
  • 从不同的机器测试

关于可能导致这种情况的任何想法?

0 投票
17 回答
121184 浏览

html - 如何自定义有序列表中的数字?

如何左对齐有序列表中的数字?

更改有序列表中数字后的字符?

还有一个 CSS 解决方案可以从数字更改为字母/罗马列表,而不是使用 ol 元素上的 type 属性。

我最感兴趣的是适用于 Firefox 3 的答案。

0 投票
3 回答
28819 浏览

html - 如何在跨度的 CSS 中创建所有浏览器兼容的悬挂缩进样式

我唯一发现的是;

唯一可行的方法是将文本放在一个段落中,这会导致那些可怕的难看的额外行。我宁愿把它们放在一种<span class="hang"></span>东西里。

我也在寻找一种方法来进一步缩进,而不仅仅是单层悬挂。使用段落来堆叠缩进是行不通的。

0 投票
4 回答
3508 浏览

html - 使用 Web 表单通过 HTTP POST 上传文件的最佳方式是什么?

基本上,比这更好的东西:

首先,browse每个浏览器上的按钮看起来都不同。与submit表单上的按钮不同,您必须想出一些hack-y方式来设置它的样式。

其次,没有进度指示器显示文件上传了多少。您通常必须实现某种客户端方式来禁用多次提交(例如,将提交按钮更改为显示“表单提交...请稍候。”的禁用按钮)或发出巨大的警告。

有什么不使用 Flash 或 Java 的好的解决方案吗?

Yaakov:那个产品看起来正是我想要的,但成本是 1000 美元,而且它专门用于ASP.NET. 是否有任何开源项目涵盖相同或相似的功能?