Tag: html

如何使复选框及其标签一致地跨浏览器: 这是困扰着我的不小的CSS问题之一。在StackOverflow周围的人如何垂直对齐复选框和他们的标签持续跨浏览器？每当我在Safari中正确对齐它们（通常在输入上使用vertical-align: baseline ），它们在Firefox和IE中完全关闭。修复它在Firefox中，Safari和IE是不可避免的搞砸了。每次我编写一个表格，我都会浪费时间。以下是我使用的标准代码： <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> 我通常使用Eric Meyer的重置，所以表单元素相对干净的覆盖。期待您提供的任何提示或技巧！

为什么我不能从onclick属性调用一个名为clear的函数？: 我试图创建一个简单的计算器，当一个按钮被点击时，它的值显示在文本字段中，按钮“C”应该清除文本字段，但其onclick =“clear（）”不工作？ <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Calculator</title> <style> #button{ padding: 10px; } </style> <script> function fill(val){ document.getElementById("field").value+=val; } function clear(){ document.getElementById("field").value=""; } </script> </head> <body> <form> <table> <tr><input type="text" name="field" id="field" size="8"/></tr> <%! int k = 1; %> <% for(int i=0;i<3;i++){ %> <tr> <% for(int j=0;j<3;j++){ %> <td><input […]

如何使CSS3圆角在Chrome / Opera中隐藏溢出: 我需要一个父div的圆角掩盖其孩子的内容。 overflow: hidden在简单的情况下工作，但是在父级相对或绝对定位的情况下，基于webkit的浏览器和Opera会中断。这适用于Firefox和IE9： CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } HTML <div id="wrapper"> <div id="box"></div> </div> JSFiddle示例谢谢您的帮助！更新：导致此问题的错误已经在Chrome中修复。不过，我还没有重新测试Opera或Safari。

如何用JavaScript截取div的截图？: 我正在建立一个叫做“HTML测验”的东西。它完全在JavaScript上运行，而且非常酷。最后，会弹出一个结果框，上面写着“Your Results：”，它显示了他们花了多少时间，他们得到了多少百分比，以及他们从10个中得到了多少个问题。我想要一个按钮“捕捉结果”，并以某种方式截图或东西的div，然后只显示在页面上捕捉的图像，他们可以右键单击和“保存图像为”。我真的很想做到这一点，所以他们可以与他人分享他们的成果。我不希望他们“复制”结果，因为他们可以很容易地改变这一点。如果他们改变了图片中所说的话，那好吧。有没有人知道一个方法来做到这一点或类似的东西？

IE7不理解display：inline-block: 有人可以帮我把我的头绕过这个bug吗？与Firefox的工作正常，但与Internet Explorer 7不是。似乎不懂display: inline-block; 。 HTML： <div class="frame-header"> <h2>…</h2> </div> CSS： .frame-header { height:25px; display:inline-block; }

HTML表单只读选择标记/输入: 根据HTML规范，HTML中的select标签没有readonly属性，只有一个disabled属性。所以，如果你想保持用户不改变下拉，你必须使用disabled 。唯一的问题是禁用的HTML表单输入不包含在POST / GET数据中。什么是最好的方式来模仿select标签的readonly属性，并仍然获得POST数据？

如何检索jQuery中的复选框值: 如何使用jQuery获取选中的复选框的值，并立即把它放到textarea？就像这样的代码： <html> <head> </head> <body> <div id="c_b"> <input type="checkbox" value="one_name" checked> <input type="checkbox" value="one_name1"> <input type="checkbox" value="one_name2"> </div> <textarea id="t"></textarea> </body> </html> 如果id="c_d"由Ajax更新，则altCognito代码的下面的代码不起作用。有没有什么好的解决方案？

从JavaScript元素删除CSS类（没有jQuery）: 任何人都可以让我知道如何仅使用JavaScript删除元素上的类？请不要给我一个jQuery的答案，因为我不能使用它，我不知道这件事。

使用jQuery在滚动更改图像源: 我有一些图像和翻转图像。使用jQuery，我想在onmousemove / onmouseout事件发生时显示/隐藏翻转图像。我所有的图像名称都遵循相同的模式，如下所示：原始图像： Image.gif 翻转图像： Imageover.gif 我想分别插入和删除onmouseover和onmouseout事件中的图像源的“over”部分。我怎样才能使用jQuery？

使用jQuery更改下拉列表的选定值: 我有一个已知值的下拉列表。我想要做的是将下拉列表设置为我知道使用jQuery存在的特定值。使用普通的JavaScript，我会做这样的事情： ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too. 不过，我需要用jQuery来做这件事，因为我正在为我的选择器使用一个CSS类（愚蠢的ASP.NET客户端ID …）。以下是我尝试过的一些事情： $("._statusDDL").val(2); // Doesn't find 2 as a value. $("._statusDDL").children("option").val(2) // Also failed. 我怎样才能做到这一点与jQuery？更新事实证明，我第一次做对了： $("._statusDDL").val(2); 当我在上面发出警报时，它工作正常，但是当我删除警报并让它全速运行时，我得到错误无法设置选定的属性。索引无效我不确定这是一个与jQuery或Internet Explorer 6（我猜IE浏览器6）的错误，但它是非常恼人的。