Tag: html

如何在HTML中创build列表框而不允许多选？: 我没有太多的HTML经验。我期待创build一个简单的列表框，但其中一个要求是DISALLOW多选。列表框的大部分代码都是这样的 – <select name="sometext" multiple="multiple"> <option>text1</option> <option>text2</option> <option>text3</option> <option>text4</option> <option>text5</option> </select> 但是这允许多个select。在这里，也提出了一个类似的问题，但是“最好的”答案已经被降低了。所以我不知道这个怎么办呢。请帮忙。

如何使用JavaScript创build链接？: 我有一个string的标题和链接的string。我不知道如何把这两个在一起使用Javascript创build一个页面上的链接。任何帮助表示赞赏。编辑1：添加更多的细节问题。我试图找出原因是因为我有一个RSS源，并有一个标题和URL的列表。我想将这些标题链接到该url以使网页有用。编辑2：我正在使用jQuery，但是它是完全新的，并没有意识到它可以帮助在这种情况下。

元素链接缺less必需的属性属性: <!DOCTYPE html> … <link rel='stylesheet' id='basecss-css' href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css' type='text/css' media='all' /> 为什么validation器（ http://validator.w3.org/ ）拒绝这个？什么属性是“我需要”，我不知道？错误：错误行408，列142：元素链接缺less必需的属性属性。 … / modules / 14ce1e21 / peadig-eucookie.css'type ='text / css'media ='all'/>元素链接的属性：全局属性href crossorigin rel media hreflang type sizes另外，title属性在这个上有特殊的语义元件。

AngularJS指令限制A和E: 我正在一个小团队中工作，在AngularJS中进行构build，并试图保持一些基本的标准和最佳实践。特别是因为我们对Angular相对较新。我的问题是关于指令。更准确地说， restrict选项。我们中的一些人正在使用restrict: 'E'因此在html中有<my-directive></my-directive> 。其他人正在使用restrict: 'A'并在HTML中有<div my-directive></div> 。那么当然，你可以使用restrict: 'EA'并使用上面的任意一个。目前没有什么大不了的，但是当这个项目规模巨大的时候，我希望任何人都能够很容易的理解到底发生了什么。做事情的属性或元素方式有利还是弊？是否有任何我们应该知道的陷阱，如果select说元素超过属性？

从元素中删除'：hover'CSS行为: hover在一个元素上时，我有CSS更改格式。 HTML： <div class="test"> blah </div> CSS： .test:hover { border: 1px solid red; } 在某些情况下，我不想在hover上应用CSS。其中一种方法就是使用jQuery从div中删除CSS类，但是这会破坏其他的东西，因为我也使用这个类来格式化它的子元素。所以这让我质疑：有没有办法从元素中删除“hover”CSS样式？

了解Bootstrap 3中的网格类（col-sm-＃和col-lg-＃）: 我开始使用Bootstrap 3，并且在理解如何使用网格类时遇到了一些麻烦。以下是我迄今为止所了解到的：看来类col-sm-#和col-lg-#与普通的旧col-lg-#不同，它们只会在屏幕大于特定大小（分别为768像素和992像素）时应用。如果你忽略了-sm-或-lg-，那么div永远不会合并成一列。但是，当我在一行都是col-sm-6时候创build两个div的时候，当窗口宽度在768px和992px之间时，它们似乎只是并排的。换句话说，如果我把窗口一直缩小，然后慢慢加宽，布局是单列，然后是两列，然后再回到单列。这是预期的行为？如果我需要两列超过768px，我是否应该同时使用这两个类？（ <div class="col-sm-6 col-lg-6"> ） col-6 也应该包括在内吗？ <div class="col-6 col-sm-6 col-lg-6">

更新网站的CSS，而无需刷新页面: 我用CSS创build了一个页面。现在，我必须从我的编辑器更改到我的浏览器，并刷新整个页面，只是看看每一个小小的变化。但我不想刷新页面，因为我有一些animation。那么有什么我可以使用的，我的网站在CSS更新后自动更新？也许用JavaScript，jQuery，Ajax什么的？

如何模拟更高分辨率的屏幕？: 有没有什么办法让浏览器以高于我的屏幕的分辨率来testing我的网站？例如：我有一个1440 x 900的屏幕，我想testing1920 x 1200，1920 x 1080等网站。

我如何检测是否加载了iframe？: 我正试图检查用户点击一个button后，是否加载了iframe。我有 $('#MainPopupIframe').load(function(){ console.log('load the iframe') //the console won't show anything even if the iframe is loaded. }) HTML <button id='click'>click me</button> //the iframe is created after the user clicks the button. <iframe id='MainPopupIframe' src='http://…' />…</iframe> 有什么build议么？顺便说一下，我的iframe是dynamic创build的。它不会加载初始页面加载。

将光标等待整个html页面: 是否有可能以简单的方式将光标设置为“等待”整个HTML页面？这个想法是告诉用户，一个Ajax调用正在完成时发生了什么事情。下面的代码显示了我尝试的简化版本，并演示了遇到的问题：如果一个元素（＃id1）有一个光标样式设置，它将忽略设置在身上（明显）某些元素具有默认的光标样式（a），不会在hover时显示等待光标 body元素具有一定的高度取决于内容，如果页面很短，光标不会显示在页脚下面考试： <html> <head> <style type="text/css"> #id1 { background-color: #06f; cursor: pointer; } #id2 { background-color: #f60; } </style> </head> <body> <div id="id1">cursor: pointer</div> <div id="id2">no cursor</div> <a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a> </body> </html> 稍后编辑… 它在Firefox和IE中工作： div#mask { display: none; cursor: wait; z-index: 9999; position: absolute; top: […]