Questions tagged «html»

我想澄清一下是否可以根据内容的大小使div适合其大小，而不必使元素浮动或使其位置绝对。可能吗？

87 html  size  width 

这是问题的说明（已在Firefox和Chrome中测试）： <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> 运行代码段Hide results展开摘要 在JSFiddle上查看 请注意蓝色下方的额外red空间。divsvg 已经尝试将padding和margin两个元素都设置为0，但是没有运气。

87 html  css  svg 

我想要一个不起作用的链接。我不要这个： <a href="#"> 因为这样URL变为something.com/whatever/#。 我想要链接的唯一原因是使用户可以看到他们可以单击文本。JavaScript正在用于执行某些操作，因此我不需要将该链接放到任何地方，但我需要使其看起来像一个链接！ 我可以使用一些数据属性，并告诉我CSS使元素看起来像链接（如果它们具有此属性），但这似乎有点过头了。

87 html  css 

如何使用onclick中的函数将列表元素添加到现有ul？我需要将其添加到此类列表中... <ul id="list"> <li id="element1">One</li> <li id="element2">Two</li> <li id="element3">Three</li> </ul> ...另一个ID为“ element4”且其下带有文字“ Four”的列表项。我尝试了此功能，但不起作用... function function1() { var ul = document.getElementById("list"); var li = document.createElement("li"); li.appendChild(document.createTextNode("Element 4")); } 我不知道JQuery，所以请只使用Javascript。谢谢！！

87 javascript  html  list 

当用户使用浏览器后退按钮时，我需要一种清除表单中所有字段的方法。现在，浏览器会记住所有最后的值，并在您返回时显示它们。 关于我为什么需要它的更多说明， 我有一个禁用的输入字段，该字段的值是使用算法自动生成的，以使其在特定数据组中唯一。一旦我提交了表单并将数据输入数据库，用户就不能再次使用相同的值来提交相同的表单。因此，我首先禁用了输入字段。但是，如果用户使用浏览器的后退按钮，则浏览器会记住最后一个值，并且相同的值会保留在输入字段中。因此，用户可以再次提交具有相同值的表单。 我不了解的是，当您按下浏览器的“后退”按钮时会发生什么。如果页面大小在浏览器缓存限制之内，则似乎是从缓存中检索了整个页面，而无需联系服务器。当您按下浏览器后退按钮时，无论如何设置浏览器，如何确保从服务器加载页面？

87 html  forms 

如果我有： #logo { width: 400px; height: 200px; } 然后 <img id="logo" src="logo.jpg"/> 会拉伸以填充该空间。我希望图像保持相同大小，但是要在DOM中占用那么多空间。我是否必须添加封装<div>或<span>？我讨厌添加样式标记。

87 html  css 

我正在使用HTML5提取API。 var request = new Request('https://davidwalsh.name/demo/arsenal.json'); fetch(request).then(function(response) { // Convert to JSON return response.json(); }).then(function(j) { // Yay, `j` is a JavaScript object console.log(JSON.stringify(j)); }).catch(function(error) { console.log('Request failed', error) }); 我能够使用普通的json，但无法获取上述api网址的数据。它引发错误： 提取API无法加载https://davidwalsh.name/demo/arsenal.json。请求的资源上不存在“ Access-Control-Allow-Origin”标头。因此，不允许访问源“ http：// localhost ”。如果不透明的响应满足您的需求，请将请求的模式设置为“ no-cors”，以在禁用CORS的情况下获取资源。

87 html  api  url  fetch-api 

我正在尝试将换行符（\n）转换为html br。 根据Google网上论坛的讨论，这是我得到的： myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); 那里的讨论还建议在视图中使用以下内容： {{ dataFromModel | newline | html }} 这似乎正在使用旧的html过滤器，而现在我们应该使用ng-bind-html属性。 无论如何，这带来了一个问题：我不希望原始字符串（dataFromModel）中的任何HTML都呈现为HTML；只有br的。 例如，给定以下字符串： 虽然7> 5，但 我仍然不想要html和其他东西在这里... 我希望它输出： While 7 > 5<br>I still don't want html & stuff in here... 有什么办法可以做到这一点？

86 javascript  html  angularjs  sanitization 

在“产品”上，点击我将白色div向上滑动（如附件所示）。在响应式（移动设备和平板电脑）中，我想自动关闭响应式导航栏，仅显示白色栏。 我试过了： $('.btn-navbar').click(); 还尝试了： $('.nav-collapse').toggle(); 它确实有效。但是，在桌面大小上，它也被称为“菜单”，它在菜单上缩小了一秒钟。 有任何想法吗？

86 javascript  html  css  twitter-bootstrap 

我正在使用PHP创建测验Web应用程序。每个问题由一个单独的部分组成<label>，有4个可能的选择，radio buttons用于允许用户选择他/她的答案。单个问题的当前HTML如下所示： <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew <br> <input id="349" type="radio" value="3" name="349">Andre <br> <input id="349" type="radio" value="4" name="349">Anderson <br> 我希望用户可以选择单击与单选按钮关联的文本。 现在，用户只能单击单选按钮本身-我发现这是一项非常繁琐的任务。 我读到“无法选择特定的单选按钮选项”，方法是单击选择文本，并且建议指向标记的for和id属性匹配。我已经做到了，但仍然行不通。 我的问题是：我希望能够单击<input type="radio">对象的文本，而不是只能选择单选按钮本身。 我知道我之前已经阅读过有关此问题的信息，但似乎找不到解决我问题的方法。任何帮助或建议，不胜感激！

86 html  css  forms  input  radio-button 

我已经在bootstrap 2.3中使用了glyphicons，但是现在我已升级到bootstrap 3.0。现在，我无法使用icon属性。 在Bootstrap 2.3中，以下标记起作用 <i class="icon-search"></i> 在bootstrap 3.0中，它不起作用。

86 html  css  twitter-bootstrap-3 

我只是想知道您在想FORM标签内的DIV标签吗？ 我需要这样的东西： <form> <input type="text"/> <div> some </div> <div> another </div> <input type="text" /> </form> DIV在内部使用是一般惯例，FORM还是我需要其他东西？

86 html  semantic-markup 

您可以在HTML的菜单栏上找到很多教程，但是对于这种特定的（尽管是恕我直言）通用案例，我还没有找到任何合适的解决方案： # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # 纯文本菜单项数量不一，页面布局也很流畅。 第一个菜单项应左对齐，最后一个菜单项应右对齐。 其余项目应在菜单栏上进行最佳分配。 数字是变化的，因此没有机会预先计算出最佳宽度。 请注意，TABLE在这里也无法正常工作： 如果将所有TD居中，则第一项和最后一项没有正确对齐。 如果左对齐，右对齐第一个。最后一项，间隔将不是最佳的。 没有明显的方法可以使用HTML和CSS干净地实现这一点，这很奇怪吗？

86 html  css 

今天，我用jQuery 1.9.1升级了所有jQuery插件。我开始在jQueryUI.1.10.2中使用jQueryUI工具提示。一切都很好。但是，当我在内容中使用HTML标签时（在title我将工具提示应用到的元素的属性中），我注意到不支持HTML。 这是我的工具提示的屏幕截图： 如何使用1.10.2中的jQueryUI工具提示使HTML内容起作用？

86 jquery  html  jquery-ui  jquery-ui-tooltip 

我所希望的是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色，我不知道如何更改它。 我知道我只能使用图像；如果可以的话，我宁愿不这样做。

86 html  css  html-lists