Tag: html
简单的方法来检查是否支持占位符？
我想在我的代码中使用HTML5 "placeholder"属性，如果用户的浏览器支持它，否则只是在窗体顶部打印字段名称。 但我只想检查是否支持占位符，而不是用户使用的浏览器的版本/名称。 所以理想情况下，我想要做类似的事情 <body> <script> if (placeholderIsNotSupported) { <b>Username</b>; } </script> <input type = "text" placeholder ="Username"> </body> 除了我不确定的JavaScript位。 帮助表示赞赏！
Python代码从string中删除HTML标签
我有这样的文字： text = """<div> <h1>Title</h1> <p>A long text…….. </p> <a href=""> a link </a> </div>""" 使用纯Python，没有外部模块我想要这样： >>> print remove_tags(text) Title A long text….. a link 我知道我可以使用lxml.html.fromstring（text）.text_content（）来做到这一点，但我需要在纯Python中使用内置或std库来实现2.6+ 我怎样才能做到这一点？
在<select>元素中隐藏垂直滚动条
你好，我有多个select的select框，我需要隐藏垂直滚动条，这可能吗？ <select name="sCat" multiple="true"> <!– My Option Here –> </select> Okey，但是我怎么能达到一个效果，我可以从列表中select具有ID的项目，然后使用jQuery来pipe理这个id.click函数？ 我应该用什么元素呢？
在textarea下额外的空间，随着浏览器的不同而不同
在textarea标签下有一些额外的空间。 在不同的浏览器中从1到4个像素。 标记非常简单： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> body { margin: 0; padding: 0; } .main { background-color: red; } textarea { background-color: gray; resize: none; margin: 0; border: 0 none; padding: 10px; height: 50px; overflow: hidden; } </style> </head> <body> <div class="main"> <textarea></textarea> </div> </body> </html> 以下是它在浏览器中的呈现方式： 为什么发生这种情况？ […]
CSS：第一个字母不工作
我正在尝试将CSS样式应用于从Microsoft Word文档生成的一些HTML代码片段。 Word生成的HTML相当残酷，并且包含许多内联样式。 它是这样的： <html> <head></head> <body> <center> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><span style='font-size:12.0pt;line-height:115%;font-family:"Times New Roman"'>Title text goes here<o:p></o:p></span></b></p> <p class=MsoNormal style='margin-left:18.0pt;line-height:150%'><span style='font-size:12.0pt;line-height:150%;font-family:"Times New Roman"'>Content text goes here.<o:p></o:p></span></p> </body> </html> …很简单，我想要devise标题部分的第一个字母。 它只需要更大，并在不同的字体。 要做到这一点，我正在尝试使用:first-letterselect器，类似于： pb span:first-letter { font-size: 500px !important; } 但它似乎并没有工作。 这是一个小提琴演示： http://jsfiddle.net/KvGr2/ 任何想法什么是错的/如何得到正确的标题部分的第一个字母？ 我可以对标记进行细微的修改（就像在事物周围添加一个包装div一样），虽然不是没有一些困难。
在引导表中垂直alignment
我试图显示一个4列的表格，其中之一是一个图像。 下面是快照： – 我想垂直alignment文本的中心位置，但不知何故，CSS似乎并没有工作。 我使用了引导响应表。 我想知道为什么我的代码不起作用，什么是使其工作的正确方法。 以下是该表的代码 CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } HTML <table id="news" class="table table-striped table-responsive"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Photo</th> </tr> </thead> <tbody> <?php $i=0; foreach ($result as $row) { ?> <tr> <td> <?php echo 'Lorem Ispum'; ?> </td> <td> […]
如何通过点击<li>激活HTML链接？
我有以下的标记， <ul id="menu"> <li><a href="#">Something1</a></li> <li><a href="#">Something2</a></li> <li><a href="#">Something3</a></li> <li><a href="#">Something4</a></li> </ul> <li>有点大，左边有一个小图，我不得不点击<a>激活链接。 我怎样才能点击<li>激活链接？ EDIT1： ul#menu li { display:block; list-style: none; background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat; border: 1px solid #b2b2b2; padding: 0; margin-top: 5px; } ul#menu li a { font-weight: bold; text-decoration: none; line-height: 2.8em; padding-right:.5em; color: #696969; }
引导下拉式气泡alignment（不是右键）
我有我的顶部菜单中的购物车，使用push-right ，我的问题是，下拉的泡沫掉出页面。 我正在尝试将这个泡泡alignment，以便与“点击”alignment 喜欢这个 HTML： <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>
单选button和标签显示在同一行
为什么我的标签和单选button不会保持在同一行，我该怎么办？ 这是我的forms： <form name="submit" id="submit" action="#" method="post"> <?php echo form_hidden('what', 'item-'.$identifier);?> <label for="one">First Item</label> <input type="radio" id="one" name="first_item" value="1" /> <label for="two">Second Item</label> <input type="radio" id="two" name="first_item" value="2" /> <input class="submit_form" name="submit" type="submit" value="Choose" tabindex="4" /> </form>
应该避免直接描述附加样式的类似'floatleft'的类名？
许多网站都使用类似floatleft ， clearfloat ， alignright ， small ， center等类名来描述类的附加风格。 这似乎是有道理的，所以在编写新内容时，您可以轻松地在元素周围包装（例如） <div class="clearfloat">…</div> ，以使其performance得如您所愿。 我的问题是，这种命名types不符合将内容与表示分离的想法吗？ 将class="floatleft"放在一个元素上显然是将展示信息放入HTML文档中。 是否应该避免直接描述所附样式的类名称，如果有的话，还有什么替代方法？ 澄清一下，这不仅仅是一个什么名字类的问题。 例如，一个语义准确的文档可能看起来像这样： <div class="foo">Some info about foo</div> … <div class="bar">Info about unrelated topic bar</div> … <div class="foobar">Another unrelated topic</div> 说所有这些div需要清除浮动，CSS将看起来像这样： div.foo, div.bar, div.foobar { clear:both; } 随着这些清算要素数量的增加，这个数字会变得越来越难看，而单个class="clearfloat"将起到相同的作用。 是否build议根据附加的样式对元素进行分组以避免在CSS中重复，即使这意味着表示信息会渗入到HTML中？ 更新 ：感谢所有的答案。 普遍的共识似乎是为了避免这些类名支持语义名称，或者至less在不妨碍维护的前提下使用它们。 我认为重要的是，布局的变化不应该要求对标记进行过度的改变（尽pipeless数人认为如果整体维护更容易，小的改变是可以的）。 感谢那些提出其他方法来保持CSS代码更小的人。
