Questions tagged «html»

我无法将表格行设置为指向某些内容的链接。我只能使用CSS和HTML。我尝试了从div到另一行的不同操作，但仍然无法使它起作用。

101 html  css  hyperlink  html-table 

我有一个用模板渲染的输入字段，如下所示： <div class="field"> {{ form.city }} </div> 呈现为： <div class="field"> <input id="id_city" type="text" name="city" maxlength="100" /> </div> 现在，假设我想向autocomplete="off"呈现的输入元素添加一个属性，我该怎么做？还是onclick="xyz()"还是class="my-special-css-class"？

101 django  django-templates  django-forms  django-widget  html 

我在用PHP / HTML5和JavaScript制作的Web应用程序中使用引导日期时间选择器。我目前正在从这里使用一个：http : //tarruda.github.io/bootstrap-datetimepicker/ 当我没有时间使用控件时，它将无法正常工作。它只是显示一个空白文本框。 我只想从日期时间选择器中删除时间。有什么解决办法吗？ <div class="well"> <div id="datetimepicker4" class="input-append"> <input data-format="yyyy-MM-dd" type="text"></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i> </span> </div> </div> <script type="text/javascript"> $(function() { $('#datetimepicker4').datetimepicker({ pickTime: false }); }); </script>

101 javascript  html  twitter-bootstrap 

如果它们存在于编程中）， 如果我有一个带有以下输入的HTML表单： <input type="text" /> <input type="password" /> <input type="checkbox" /> 我想将样式应用于type="text"或的所有输入type="password"。 或者，我将满足所有输入的where type != "checkbox"。 看来我必须这样做： input[type='text'], input[type='password'] { // my css } 没有办法做： input[type='text',type='password'] { // my css } 要么 input[type!='checkbox'] { // my css } 我环顾四周，似乎没有办法用单个CSS选择器来做到这一点。 当然没什么大不了的，但我只是一只好奇的猫。 有任何想法吗？

101 html  css  css-selectors 

使用tag data-src或srcattribute有什么区别和后果（好的和坏的）img？可以同时使用两者获得相同的结果吗？如果是这样，何时应分别使用它们？

101 html  image 

我希望我不会自欺欺人，但是我试图理解这两行代码中正在发生的事情： document.body.innerHTML = 'something'; alert('something else'); 我观察到的是，警报在HTML更新之前显示（或者可能在更新之前，但页面没有刷新/重新绘制/任何内容） 检出此Codepen以了解我的意思。 请注意，即使将alert在setTimeout(..., 0)没有帮助。似乎需要更多事件循环innerHTML才能实际更新页面。 编辑： 我忘了提我正在使用Chrome，但没有检查其他浏览器。看起来它仅在Chrome中可见。不过，我仍然很感兴趣为什么会这样。

101 javascript  html  google-chrome  dom 

我想禁用输入字段，但是当我提交表单时，它仍应传递值。 用例：我试图从Google Maps中获取经纬度并想显示它，但是我不希望用户对其进行编辑。 这可能吗？

101 javascript  html 

我只是在VisualStudio 2012中测试打字稿，并且打字稿系统有问题。我的html站点有一个id为“ mycanvas”的canvas标记。我正在尝试在此画布上绘制一个矩形。这是代码 var canvas = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); 不幸的是，VisualStudio抱怨 属性“ getContext”在类型“ HTMLElement”的值上不存在 它将第二行标记为错误。我以为这只是一个警告，但是代码无法编译。VisualStudio说 出现构建错误。您要继续并运行上一次成功的构建吗？ 我根本不喜欢这个错误。为什么没有动态方法调用？毕竟，getContext方法肯定存在于我的canvas元素上。但是我认为这个问题很容易解决。我刚刚为画布添加了类型注释： var canvas : HTMLCanvasElement = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); 但是类型系统仍然不满意。这是新的错误消息，这次是在第一行： 无法将“ HTMLElement”转换为“ HTMLCanvasElement”：类型“ HTMLElement”缺少类型“ HTMLCanvasElement”的属性“ …

101 html  types  web  typescript  static-typing 

我记得我曾经看到过这样一种方法<input type="password" />，浏览器将不会提示用户保存密码。但是我在画一个空白。是否有HTML属性或一些JavaScript技巧可以做到这一点？

101 html  passwords 

我正在尝试检查用户单击按钮后是否已加载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> 有什么建议？ 顺便说一下，我的iframe是动态创建的。它不会随初始页面加载一起加载。

101 javascript  jquery  html  iframe 

我基本上需要突出显示文本块中的特定单词。例如，假装我想在文本中突出显示“ dolor”一词： <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> <p> Quisque bibendum sem ut lacus. Integer dolor ullamcorper libero. Aliquam rhoncus eros at augue. Suspendisse vitae mauris. </p> 我如何将以上内容转换为如下形式： <p> Lorem ipsum <span class="myClass">dolor</span> sit amet, consectetuer adipiscing elit. </p> <p> Quisque bibendum sem ut lacus. Integer …

101 javascript  jquery  html 

我的数据库内容包含不同类型的数据，例如Youtube视频，Vimeo视频，文本，Imgur图片等。它们的高度和宽度都不同。我在搜索Internet时发现的所有内容都将大小更改为仅一个参数。它必须与弹出窗口中的内容相同。 这是我的HTML代码。我还使用Ajax来调用内容。 <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="ModalLabel"></h3> </div> <div class="modal-body"> </div> </div>

101 javascript  jquery  html  css  twitter-bootstrap 

我在半透明的重叠div上应用模糊效果时遇到问题。我希望div后面的所有内容都模糊不清，如下所示： 这是一个不起作用的jsfiddle：http : //jsfiddle.net/u2y2091z/ 任何想法如何使这项工作？我想让它尽可能简单，并使其跨浏览器。这是我正在使用的CSS： #overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:black; background:rgba(0,0,0,0.8); filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter:blur(4px); }

101 html  css  blur  css-filters 

我想通过Flexbox使用全高应用。我display: box;在此链接中找到了使用旧的flexbox布局模块（和其他东西）所需的内容：CSS3 Flexbox全高应用程序和溢出 对于仅支持旧版flexbox CSS属性的浏览器，这是正确的解决方案。 如果我想尝试使用较新的flexbox属性，我将尝试在列为hack的同一链接中使用第二种解决方案：使用带有的容器height: 0px;。它使显示垂直滚动。 我不太喜欢它，因为它引入了其他问题，并且它是解决方法，而不是解决方案。 html, body { height: 100%; } #container { display: flex; flex-direction: column; height: 100%; } #container article { flex: 1 1 auto; overflow-y: scroll; } #container header { background-color: gray; } #container footer { background-color: gray; } <section id="container" > <header id="header" …

101 html  css  flexbox 

我无法正常使用下拉菜单。我可以使导航栏完美显示，但是当我单击“ Dropdown”（二者之一）时，它不会显示下拉菜单。我曾尝试查看有关此问题的其他文章，但是没有什么能解决每个人的问题。我直接从bootstrap网站复制了源代码，但似乎无法在我的机器上使用它。有人有主意吗？我盯着它看了一个小时，似乎无法弄清楚问题出在哪里。 <head> <script src="resource/js/jquery-1.11.0.js"></script> <script src="resources/js/bootstrap.js"></script> <script type="text/javascript"> $(document).ready(function() { $('dropdown-toggle').dropdown() }); </script> </head> <body> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> …

100 javascript  jquery  html  css  twitter-bootstrap