Tag: html

如果页面已经使用UTF-8，那么向HTML表单中添加accept-charset =“UTF-8”有什么好处？: 对于已经指定的页面（通过HTTP头或元标签），使用UTF-8字符集的内容types…是否有添加accept-charset="UTF-8"的HTML表单的好处？（我知道IE-ISO-8859-1的accept-charset属性被破坏了，但是我还没有听说IE和UTF-8的问题，我只是问是否有利用UTF- 8，以防止input无效的字节序列。）

为什么字体颜色属性中奇怪的东西会产生真实的颜色？: 可能重复：为什么HTML认为“chucknorris”是一种颜色？我在教一个小朋友。高中/高中的networking编程课程，我们从简单的元素和属性，如字体和颜色开始，然后再进入CSS。我知道颜色已经过时，HTML5中不包含字体，但是为了教学目的，我觉得从简单的HTML标签开始，直到CSS，都很方便。在课堂的第一个星期里，学生们能够在一个页面上改变颜色，从而获得很多乐趣。（我也在第一周教他们select和眨眼，但是告诉他们，如果他们再次使用他们，他们会失分）。其中一个学生开始用颜色属性值中奇怪的东西来提交作业，比如“Skittles”或“Spiderman”。我开始尝试这个，发现在字体标签上joincolor =“”属性的任何东西都会产生某种颜色。而且看起来，IE，Firefox，Chrome，Opera和Safari的最新版本的颜色是一致的。我发现将“LuckyCharms”作为CSS颜色是行不通的。它似乎只适用于HTML属性需要的颜色，例如font color =“LuckyCharms”或body bgcolor =“LuckyCharms”。我正在向class级解释为什么会发生这种情况，到目前为止，我还没有弄清楚这一点，或者给Google一个很好的答案。这似乎被解释为一个颜色代码，但我不知道如何。更新：经过一些试验和错误，我已经确定了一个5步algorithm（使用提供的链接）几乎任何string转换成相应的hex颜色。我将在这里提供algorithm来启发未来的访问者：将每个非hex字符更改为0。将0加到string中，直到其长度为3的倍数。将string分成3个相等的部分。当子string的长度大于2，并且所有三个子string都以0开始时，请删除每个string中的前导0。如果子string的长度仍然大于2，则将每个子string截断为2个字符。就这样，把子串放在一起，你有你的hex颜色代码。我已经用大约20个不同的样本validation了这个algorithm，并使用Firefox ColorZilla附加颜色select器比较了结果。请注意，在这种情况下，规则确实在其中一个答案中指定的链接中进行了明确说明，并且所有浏览器都将遵守这些规则。所以这是你可以指望在任何浏览器工作（如果你真的想使用有趣的颜色名称）。

为什么Bootstrap网格布局更适合HTML表格？: [注意：对于那些可能混淆这个问题的人来说，为什么不使用表格来进行HTML布局呢，我不是在问这个问题。我问的问题是为什么网格布局与表格布局根本不同。] 我正在研究一个项目的CSS库（特别是Bootstrap）。我是一名程序员而不是网页devise师，我觉得我可以从封装好devise的图书馆中受益。我们都知道，使用HTML表格来完成基本的网站布局是不好的做法，因为它将performance与内容混合在一起。像Bootstrap这样的CSS库提供的好处之一就是它们可以在不使用表的情况下创build“网格”布局。然而，我有一点麻烦，理解他们的网格布局与等效的表格布局有何不同。换句话说，这两个HTML例子之间的根本区别是什么？我错在认为网格布局是一个简单的另一个名称表？ <div class="row"> <div class="span16"></div> </div> <div class="row"> <div class="span4"></div> <div class="span4"></div> <div class="span4"></div> <div class="span4"></div> </div> 和 <table> <tr> <td colspan=4></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table>

如何使一个div 100％的页面（不是屏幕）的高度？: 我正尝试使用CSS在页面上创build“灰色”效果，同时在应用程序正在工作时在前台显示一个加载框。我已经通过创build一个100％的高度/宽度，半透明的黑色div，它的可见性通过javascript打开/closures。我认为这会很简单，但是，当页面内容扩展到屏幕滚动的位置时，滚动到页面底部会显示一个不灰色的部分。换句话说，div高度的100％似乎适用于浏览器的视口大小，而不是实际的页面大小。我怎样才能使div扩展到覆盖整个页面的内容？我已经尝试使用JQuery .css（'height'，'100％'）来切换它的可见性，但是这不会改变任何东西。这是所讨论的div的CSS： div.screenMask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); visibility: hidden; } 谢谢。

使用JavaScript获取选项文本/值: 答案： var option_user_selection = element.options[element.selectedIndex].text 我正在试图build立一个表格来填充一个人的命令。 <form name="food_select"> <select name="maincourse" onchange="firstStep(this)"> <option>- select -</option> <option text="breakfast">breakfast</option> <option text="lunch">lunch</option> <option text="dinner">dinner</option> </select> </form> 我想要做的是发送select对象，拉选项菜单中的名称和文本/值和选项标签中的数据。 function firstStep(element) { //Grab information from input element object /and place them in local variables var select_name = element.name; var option_value = element.value; } 我可以得到名称和选项值，但我似乎无法从select对象中获取text =“”或value =“”。我只需要用户select的选项菜单中的文本/值。我知道我可以把它们放在一个数组中，但是这没有帮助 var option_user_selection […]

如何通过图像typesbutton在HTML表单中提交x和y？: 我在我的申请表中创build了一个表单，如下所示： <form action="/search/" method="get"> <input id="search-box" name="search" type="text" size=30 title="Search" value="" /> <input id="search-submit" type="image" alt="Search" src="http://img.dovov.comsearch-button.gif" /> </form> 但是当我提交我的表单时，URL被创build如下： mysitename.com/search/?search=hello&x=0&y=0 任何人都可以告诉我为什么这个x和y来到我的url。更多的事情，而不是图像button，如果我改变我的表单代码如下，那么它的工作正常， <form action="/search/" method="get"> <input id="search-box" name="search" type="text" size=30 title="Search" value="" /> <input id="search-submit" type="submit" value="Search"/> </form> 但我需要一个图像button，使我的表单看起来不错。请告诉我如何从URL中删除这些x和y参数。

文本在表格单元格中的垂直alignment: 这是我的表格的一部分（这是一个表格）：那些在<tr>中只有两个<td> <tr> 。我试图把说明放在顶部，而不是放在底部。我怎样才能做到这一点？

自动完成时触发的任何事件？: 我有一个非常简单的forms。当用户input一个input字段时，我想更新他们在页面上的其他地方input的内容。这一切工作正常。我已经将更新绑定到了keyup ， change和click事件。唯一的问题是，如果您从浏览器的自动填充框中select一个input，它不会更新。是否有任何事件触发，当你从自动完成select（这显然不是change或click ）。请注意，如果您从自动填充框中select并模糊了input字段，则会触发更新。我希望自动完成后立即触发它。请参阅： http ： //jsfiddle.net/pYKKp/ （希望你填写了很多表单，过去用一个名为“email”的input）。 HTML： <input name="email" /> <div id="whatever"><whatever></div> CSS： div { float: right; } 脚本： $("input").on('keyup change click', function () { var v = $(this).val(); if (v) { $("#whatever").text(v); } else { $("#whatever").text('<whatever>'); } });

大dynamic大小的html表格，具有固定的滚动行和固定滚动列: 我需要在网页上显示一个大表，并且需要防止滚动第一列和第一行。我想dynamic地设置此表的垂直大小（在一些静态大小页眉/页脚页面内容之间），使其尽可能高而不会强制浏览器窗口具有垂直滚动条。 browser window\/ +————————————————————–+ /\ | /\ /\ /\ /\ /\ /\ /\ /\ | fixed static | web page header fields and text | | size | \/ \/ \/ \/ \/ \/ \/ \/ |__\/__ | +—-<<<table-scrollbar>>>>>—————-+ | /\ |+————–+——–+——–+——–+——–+——-+ | | || | |colspan | | | fixed | | | […]

为什么H2比H1大？: 在下面的代码片段中，H2内容为什么比H1内容大？ <article> <section> <header> <h1>First Header</h1> </header> </section> <section> <header> <h2>Second Header</h2> </header> </section> </article> http://jsfiddle.net/abugp/ 为什么在下面的代码片段中的H1内容更大，但不是上面的内容？ <h1>First Line</h1> <h2>Second Line</h2> http://jsfiddle.net/59T43/