Tag: html

不规则的可点击形状的图案: 我需要制作许多非矩形形状的图案。每个形状必须是交互式的，点击后才能显示图像。要求是把彩色玻璃的图像变成一个充满图像的网页。每个窗格都必须是可点击的，与您在教堂中看到的相似，但在第一次加载时，每个形状都是黑色和白色，单击它可以显示玻璃的颜色。我想这个解决scheme将包含2个部分，整个彩色玻璃图像的颜色版本和黑白版本。然后不知何故，点击每个小玻璃窗格需要隐藏其下方的黑色和白色部分，以显示下面的彩色图像。我不知道最好的解决scheme是什么，并且没有发现任何有用的帮助沿着类似于形状和随机互动区域的方式。我在结果的下面插入了一个示例，想象每个玻璃部分都是可点击的，并点击显示颜色。白线只是表示每个窗格的行为独立于其他。

使用JavaScript获取选定的选项文本: 我有这样的下拉列表： <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> 我怎样才能得到实际的选项文本，而不是使用JavaScript的值？我可以像这样获得价值： <select id="box1" onChange="myNewFunction(this.selectedIndex);" > 但是，而不是7122我想要cat 。

如何使用JavaScript检测Internet Explorer（IE）和Microsoft Edge？: 我看了很多，我知道有很多方法来检测Internet Explorer。我的问题是这样的：我在我的HTML文档上有一个区域，点击时调用与任何types的Internet Explorer不兼容的JavaScript函数。我希望检测IE是否被使用，如果是，请将variables设置为true。问题是，我正在写我的代码记事本+ +，当我在浏览器中运行HTML代码，没有任何方法来检测IE炒锅。我认为问题在于我正在使用记事本++。我需要能够检测到的IE，所以基于这个variables，我可以禁用该网站的区域。我试过这个： /* Write JavaScript here */ var isIE10 = false; if (navigator.userAgent.indexOf("MSIE 10") > -1) { // this is internet explorer 10 isIE10 = true; window.alert(isIE10); } var isIE = (navigator.userAgent.indexOf("MSIE") != -1); if(isIE){ if(!isIE10){ window.location = 'pages/core/ie.htm'; } } 但它不起作用。我如何检测记事本++的IE浏览器？这就是我testing的HTML，但我需要一个方法，可以在网站上使用。帮帮我！编辑我注意到有人把这个标记为重复的，这是可以理解的。 […]

居中引导input字段: 我是新来的。特别是与自举。我有这个代码： <div class="row"> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control"> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div><!– /input-group –> </div><!– /.col-lg-6 –> </div><!– /.row –> 我需要把这个input字段和button放在页面的中心…“margin-left：auto; margin-right：auto;” 没有工作…有人有一个想法？

拉伸水平ul以适应div的宽度: 对于我的网站的主要导航，有一个980px宽的div与主导航链接ul。我试图让导航链接拉伸，以适应div的宽度均匀。 <div style="width: 980px;"> <ul id="horizontal-style"> <li><a href="#">Nav Item</a></li> <li><a href="#">Short Item</a></li> <li><a href="#">Really Long Nav Item</a></li> <li><a href="#">Nav Link</a></li> <li><a href="#">Another Link</a></li> </ul> </div> 我正在做一些典型的CSS来水平ul列表（浮法：左，显示：块）。我可以调整李的填充以使其非常接近，但是我真正需要的是使其自动适应的方法。可能？编辑难度1：不能使用表格。难度2：每个导航项目将有不同的宽度以容纳更长和更短的链接名称。

HTML表单PUT方法: 因为服务器端只接受PUT方法，所以我在HTML表单中使用了method='PUT' 。但浏览器没有像预期的那样使用方法PUT，它是GET 。当我设置method='POST'它是POST 。我不知道为什么method='PUT'不起作用。我已经在Chrome和Firefox上进行了testing。

HTML中string的不可见分隔符: 我需要一种方法来识别HTML标记中的某些string。我知道string是什么，但它可能是文档中其他string的子string。要find它们，我输出一个特殊的分隔字符（目前使用\032 ）。在页面加载时，我们浏览HTML并loggingstring的位置，并删除分隔符。不幸的是，大多数浏览器都会显示分隔符，直到find并删除它们。如果可能，我想避免这种情况。是否有一个字符或string将保存在HTML内容（所以评论不会工作），但不会对用户可见？它也需要是一个不太可能出现在string旁边的东西，所以像  也不会工作。编辑：对不起，我忘了提到string将属性，所以任何types的标签不会工作。

在Html Textarea中设置maxlength: 我怎样才能在textarea设置maxlength ？为什么maxlength在textarea不能正常工作？

左alignment和右alignment两个div标签的最佳方法是什么？: 什么是最好的方式来正确alignment和左alignment两个div标签水平彼此相邻的网页？如果可能，我想要一个优雅的解决scheme。

使用JavaScript / JQuery将HTML表格数据导出到Excel在Chrome浏览器中无法正常工作: 速度模板中有一个HTML表格。我想出口的HTML表格数据，以使用Java脚本或jQuery的，与所有浏览器comatibale excel。我正在使用下面的脚本 <script type="text/javascript"> function ExportToExcel(mytblId){ var htmltable= document.getElementById('my-table-id'); var html = htmltable.outerHTML; window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html)); } </script> 这个脚本在Mozilla Firefox中工作正常，它popup一个对话框的Excel，并要求打开或保存选项。但是，当我在Chrome浏览器中testing相同的脚本，它不按预期工作，点击button时，没有popup的Excel。数据被下载到“文件types：文件”的文件中，没有像.xls这样的扩展名。在Chrome控制台中没有错误。 Jsfiddle例子： http://jsfiddle.net/insin/cmewv/ 这在Mozilla中正常工作，但不在Chrome中。 Chrome浏览器testing用例：第一张图片：我点击导出到excelbutton 结果是：