Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。





25
如何使HTML输入标签仅接受数字值?
我需要确保某个<input>字段仅将数字作为值。输入的内容不是表单的一部分。因此它不会被提交,因此在提交期间进行验证不是一种选择。我希望用户无法输入数字以外的任何字符。 有没有一种巧妙的方法可以实现这一目标?

15
如何更改或删除HTML5表单验证默认错误消息?
例如我有一个textfield。该字段是必填字段,仅数字是必需的,并且值的长度必须为10。当我尝试提交长度为5的值的表单时,会出现默认错误消息:Please match the requested format <input type="text" required="" pattern="[0-9]{10}" value=""> 如何更改HTML 5表单验证错误的默认消息? 如果可以做到第一点,那么有没有办法创建一些属性文件并在该文件中设置自定义错误消息?
142 html  validation 

7
将浮动div居中放置在另一个div中
我搜索了其他问题,尽管这个问题似乎与其他几个问题相似,但到目前为止,我所看到的任何问题似乎都无法解决我遇到的问题。 我有一个div,其中包含许多其他div,每个div都向左浮动。这些div分别包含照片和标题。我要的是使照片组位于包含div的中心。 从下面的代码中可以看到,我尝试了在父div上同时使用overflow:hidden和margin:x auto,并且还在clear:both照片后添加了(如另一个主题中所述)。似乎没有什么改变。 谢谢。我感谢任何建议。 <div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;"> <h4>Section Header</h4> <div style="margin: 2em auto;"> <div style="float: left; margin: auto 1.5em;"> <img src="photo1.jpg" /><br /> Photo Caption </div> <div style="float: left; margin: auto 1.5em;"> <img src="photo2.jpg" /><br /> Photo Caption </div> <div style="float: left; …
142 html  center  css 

6
Twitter引导程序float div右
bootstrap将div浮动到右侧的正确方法是什么?我以为pull-right是推荐的方法,但是它不起作用。 @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> 运行代码段Hide results展开摘要

8
在contentEditable <div>上设置光标位置
我正在寻找一种确定的跨浏览器解决方案,当contentEditable ='on'&lt;div&gt;重新获得焦点时,将光标/插入位置设置为最后一个已知位置。内容可编辑div的默认功能似乎是每次单击时将插入号/光标移动到div中文本的开头。 我相信当他们离开div的焦点时,我必须将当前光标位置存储在一个变量中,然后当他们再次将焦点放在内部时,将其重置,但是我无法将它们放在一起或找到一个工作的对象代码示例。 如果有人有任何想法,工作代码段或示例,我将很高兴看到它们。 我实际上还没有任何代码,但这是我所拥有的: &lt;script type="text/javascript"&gt; // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } &lt;/script&gt; &lt;div id="area" contentEditable="true"&gt;&lt;/div&gt; PS。我已经尝试了此资源,但它似乎不适用于&lt;div&gt;。也许仅适用于textarea(如何将光标移动到contenteditable实体的末尾)

5
什么时候<script>标签应该可见,为什么它们可以显示?
一个script是得到了风格的元素display:block出现可见的。为什么有可能,并且有需要的任何实际用例? td &gt; * { display: block; } &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;script type="text/javascript"&gt; var test = 1; &lt;/script&gt;von 1 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 运行代码段隐藏结果展开摘要
142 html  css  script-tag 


14
img标签显示错误的方向
我在此链接上有一张图片:http : //d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg 如您所见,这是具有正确方向的普通图像。但是,当我将此链接设置为我的图像标签的src属性时,图像将上下颠倒。http://jsfiddle.net/7j5xJ/ &lt;img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/&gt; 运行代码段Hide results展开摘要 你知道发生了什么吗?
142 html  css  image 

4
内联/内联块元素的CSS垂直对齐
我试图让几个inline和inline-block组件的垂直对齐div。为什么在span这个例子坚持被推下来?我已经尝试了vertical-align:middle;和vertical-align:top;,但是没有任何变化。 HTML: &lt;div&gt; &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt; &lt;span&gt;Some text&lt;/span&gt; &lt;/div&gt;​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } span { background:red; } 结果: 小提琴

6
从元素中删除':hover'CSS行为
当您将鼠标悬停在元素上时,我的CSS会更改格式。 HTML: &lt;div class="test"&gt; blah &lt;/div&gt; CSS: .test:hover { border: 1px solid red; } 在某些情况下,我不想在悬停时应用CSS。一种方法是使用jQuery从div中删除CSS类,但这会破坏其他事情,因为我也使用该类来格式化其子元素。 因此,我提出了一个问题:是否有办法从元素中删除“悬停” css样式?
142 html  css 


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.