Tag: html

当引用IE = edge，chrome = 1时，什么是X-UA兼容？: 我刚刚在野外看到这个元标记，想知道它是干什么的，为什么使用它？ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 阅读About.com上的文档，它说： “IE =边缘”告诉Internet Explorer使用可用于该版本IE的最高模式。 Internet Explorer 8最多可以支持IE8模式，IE9可以支持IE9模式等等。但是， chrome=1标签呢？

启用浏览器表单自动填充: 我正在为我的网站做一个registry单。它包含各种标准的表单字段。如：姓名，地址，电话号码，用户名，密码等当我双击字段（在Chrome 16中），所以我可以自动填写我的地址，我得到这个消息：此网页已停用此表单的自动填写function。我没有禁用它，所以我如何启用它？我尝试添加autocomplete="on"到<form>标签，并（一些） <input>标签，这并没有帮助。我是否需要将autocomplete="on"添加到每个字段？另外，浏览器如何知道哪个字段是什么？我需要给这些领域命名一些特别的东西吗？另一个问题：当表单被自动填充时是否有某种onautocomplete事件被触发？在我的表单中，当你input一个邮政编码时，它会查看我们的数据库（通过AJAX），然后得到州和城市（城市和州是下拉菜单，因为邮政编码可以为多个城市），并填写为你。我希望能在表单自动填充后运行。 PS我正在使用jQuery 表单validation插件，如果这件事。

使用具有未知高度div的CSS上下设置div为剩余高度: 是否有可能使封装填充窗口的高度（不滚动）和中心div滚动，而不与周围的像素和JavaScript？ <div id="wrapper"> <h1>Header</h1> <div id="center"> <div style="height:1000px">high content</div> </div> <div id="footer">Footer</div> </div> 基本上我希望标题在顶部可见，页脚始终在底部可见，并在中心有一个可滚动的内容，占据了翻新的高度。页眉，页脚和中心divs的高度都是未知的（没有设置px或％，即可变的字体大小或填充）。纯CSS可以吗？

用于客户端表单validation和交互的最佳JavaScript解决scheme？: 我们的网页forms非常复杂。什么是可扩展的表单validation的一个很好的解决scheme，最好是与jQuery一起工作？背景：我们的网站有一点Ajax，但真正的重点是通过大约20个多页面表单或“向导”的用户体验。这些forms很复杂。介绍：一些领域是浮动或整数。 validation意味着剥离非十进制字符，但我们也要确保，如果用户在价格字段中input5 ，字段更新为5.00 。副作用：更新时，某些字段有副作用。例如，更新物品的价格或数量需要更新小计字段。小部件驱动的元素：有些字段是隐藏的，并有小部件填充的值。例如，一个地图小部件可以让你指向一个位置，一个隐藏的字段用经度 – 纬度坐标来更新，但是该位置必须在一定的区域内。组：一些字段是组，如地址/城市/国家/邮政编码，只应该validation所有的领域都蜂填充。服务器端validation：validation某些字段需要通过Ajax请求进行后端检查每页多个表单：有时用户需要填写一个表单，然后用另一个表单打开一个对话框。框架必须比绑定onSubmit更通用 – 我们有时会使用Ajax从同一页面按顺序发布多个表单。（例如，我们让用户注册并创build一个小部件，但由于遗留系统，该stream程需要两个POST请求。）可定制的错误显示：有时错误出现在字段上方，有时字段样式会发生变化，而且我们的新devise会针对某些错误调用类似于工具提示的popup窗口（ala qTip ）。快乐：用户体验是关键，触觉反馈非常重要。任何解决scheme 提交button：点击提交button需要validation一切，然后显示响应 – 但由于一些validation发生asynchronous。我们目前正在使用jQueryvalidation库，但是我们的表单似乎超出了它的function。我一直在寻找像<angular /> ， Knockout和Backbone.js这样的东西，但是我担心它们太重了，或者他们会要求我们重写我们的前端。（这应该是一个社区wiki。）

应该HTTP 304未修改响应包含caching控制标头？: 我试图理解这一点，并search了类似的问题，但我仍然没有100％的理解如何工作。我得到这个响应请求一个图像资源： Response Headers Server Apache-Coyote/1.1 Date Mon, 19 Oct 2009 09:04:04 GMT Expires Mon, 19 Oct 2009 09:06:05 GMT Cache-Control public, max-age=120 Etag image_a70703fb393a60b6da346c112715a0abd54a3236 Content-Disposition inline;filename="binary-216-420" Content-Type image/jpg;charset=UTF-8 Content-Length 4719 所需的行为是客户端应caching120秒，然后再从服务器请求。在120秒内，没有请求被发送到服务器。然后，在120秒之后，发送请求并且收到304响应： Response Headers Server Apache-Coyote/1.1 Date Mon, 19 Oct 2009 09:06:13 GMT Request Headers Host localhost:8080 User-Agent Mozilla/5.0 (Macintosh; U; Intel Mac […]

为什么variables1 + =variables2比variables1 =variables1 +variables2快得多？: 我已经inheritance了一些Python代码，用于创build巨大的表（最多19列5000行）。桌子在屏幕上画了九秒。我注意到每行都是使用这个代码添加的： sTable = sTable + '\n' + GetRow() 其中sTable是一个string。我改变了： sTable += '\n' + GetRow() 我注意到桌子现在出现在六秒钟内。然后我改变它： sTable += '\n%s' % GetRow() 基于这些Python性能提示（仍然是六秒钟）。由于这被称为约5000次，它突出了性能问题。但为什么会有这么大的差别呢？为什么编译器没有在第一个版本中发现问题并对其进行优化？

我如何使用百分比来设置表格单元格的最大宽度？: <table> <tr> <td>Test</td> <td>A long string blah blah blah</td> </tr> </table> <style> td{max-width:67%;} </style> 以上不起作用。我如何使用百分比来设置表格单元格的最大宽度？

只有圆桌angularCSS: 我已经search和search，但一直没能find我的要求的解决scheme。我有一个纯粹的HTML表格。我想要它的圆angular，而不使用图像或JS，即纯粹的CSS 。喜欢这个： angular落细胞的圆angular和细胞1px厚的边界。到目前为止，我有这样的： table { -moz-border-radius: 5px !important; border-collapse: collapse !important; border: none !important; } table th, table td { border: none !important } table th:first-child { -moz-border-radius: 5px 0 0 0 !important; } table th:last-child { -moz-border-radius: 0 5px 0 0 !important; } table tr:last-child td:first-child { -moz-border-radius: 0 […]

如何将外部字体加载到HTML文档中？: 如何将外部字体文件加载到HTML文档中示例：使用HTML CSS和/或JAVASCRIPT在相同目录中的TTF文件中创build文本“等等等等”

如何在使用float之后得到一个新行：left？: 我想要做的是有行图像，每行6个图像。其中一些图像需要另一个图像浮动（与右下angular齐平）。我能够从这个线程得到这个工作：如何在HTML中定位一个图像？但是，现在我无法在第六张图像之后获得新的一排。 <BR>或<P>都不会创build新行。他们只是把下一个图像下几个像素，但图像仍然在同一行。浮动风格似乎是干扰<BR>和/或<P> 。我尝试使用不同的样式来启动一个新行的图像，如float:none和display:block ，但都不起作用。奇怪的是，新的行在第七张图像之后开始。以下是我目前使用的： <style type="text/css"> .containerdiv { float: left; position: relative; } .containerdivNewLine { float: none; display: block; position: relative; } .cornerimage { position: absolute; bottom: 0; right: 0; } </style> <div class="containerdiv"> <img border="0" height="188" src="myImg" width="133" /> <img class="cornerimage" height="140" src="imageOnTop" width="105" /> […]