Questions tagged «html»

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

5
使用jQuery添加其他数据以选择选项
我希望这是一个非常简单的问题。 我有平常的 <select>像这样盒子 <select id="select"> <option value="1">this</option> <option value="2">that</option> <option value="3">other</option> </select> 我可以获取选定的值(通过使用 $("#select").val())和选定项的显示值(通过使用)$("#select :selected").text()。 但是,如何在<option>标签中像附加值一样存储呢?我希望能够做类似的事情<option value="3.1" value2="3.2">other</option>并获取value2属性的值(在示例中为3.2)。
139 javascript  jquery  html 

8
在<option>标记内使用href链接
我有以下HTML代码: &lt;select name="forma"&gt; &lt;option value="Home"&gt;Home&lt;/option&gt; &lt;option value="Contact"&gt;Contact&lt;/option&gt; &lt;option value="Sitemap"&gt;Sitemap&lt;/option&gt; &lt;/select&gt; 如何将Home,Contact和Sitemap值设置为链接?我使用了以下代码,但正如我预期的那样,它无法正常工作: &lt;select name="forma"&gt; &lt;option value="Home"&gt;&lt;a href="home.php"&gt;Home&lt;/a&gt;&lt;/option&gt; &lt;option value="Contact"&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/option&gt; &lt;option value="Sitemap"&gt;&lt;a href="sitemap.php"&gt;Sitemap&lt;/a&gt;&lt;/option&gt; &lt;/select&gt;
139 html  forms  tags  anchor  option 

7
从下到上堆叠Div
将divs 附加到div具有固定高度的a时,子div将从顶部到底部出现,并停留在顶部边框处。 ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ 我现在正尝试像这样(从底部边框开始)从下至上显示它们: ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ Child Div 1 │ │ …

22
使用HTML / CSS覆盖浏览器表单填写和输入突出显示
我有2种基本形式-登录和注册,都在同一页面上。现在,我可以自动填写表单登录了,但是注册表单也会自动填写,我不喜欢它。 另外,表单样式的背景为黄色,我无法覆盖它,也不想使用内联CSS来实现。我该怎么办才能使它们停止变为黄色和(可能)自动填充?提前致谢!
139 html  css  input  autofill 

6
CSS-如何为选定的单选按钮标签设置样式?
我想为单选按钮的选定标签添加样式: HTML: &lt;div class="radio-toolbar"&gt; &lt;label&gt;&lt;input type="radio" value="all" checked&gt;All&lt;/label&gt; &lt;label&gt;&lt;input type="radio" value="false"&gt;Open&lt;/label&gt; &lt;label&gt;&lt;input type="radio" value="true"&gt;Archived&lt;/label&gt; &lt;/div&gt; 的CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } 有什么想法我做错了吗?
139 html  css 

5
HTML提交按钮:不同的值/按钮文本?
我想创建一个具有该值 的HTML表单提交按钮'add tag',但是,该网页为瑞典语,因此我想使用其他按钮文本。 也就是说,我想有一个像 但我想让我的代码像 if (request.getParameter(cmd).equals("add tag")) tags.addTag( /*...*/ ); 这可能吗?如果是这样,怎么办?
139 html  forms 

11
默认情况下如何显示禁用HTML选择选项?
我是HTML和PHP的新手,并且希望从mysql表中获得一个下拉菜单,并且也进行了硬编码。我的页面中有多个选择,其中之一是 &lt;select name="tagging"&gt; &lt;option value=""&gt;Choose Tagging&lt;/option&gt; &lt;option value="Option A"&gt;Option A&lt;/option&gt; &lt;option value="Option B"&gt;Option B&lt;/option&gt; &lt;option value="Option C"&gt;Option C&lt;/option&gt; &lt;/select&gt; 现在的问题是,用户还可以选择“选择标签”作为他的标签,但是我只想提供他从可用的三个中选择。我用禁用作为 &lt;select name="tagging"&gt; &lt;option value="" disabled="disabled"&gt;Choose Tagging&lt;/option&gt; &lt;option value="Option A"&gt;Option A&lt;/option&gt; &lt;option value="Option B"&gt;Option B&lt;/option&gt; &lt;option value="Option C"&gt;Option C&lt;/option&gt; &lt;/select&gt; 但是现在“选项A”成为默认选项。因此,我想将“选择标签”设置为默认设置,并且还希望禁用它。这是一种方法。其他选择也需要做同样的事情,这些选择将从Mysql中获取数据。任何建议都是可取的。
139 html  html-select 


5
以内联形式引导全角文本输入
我正在努力创建一个适合我的容器区域整个宽度的文本框。 &lt;div class="row"&gt; &lt;div class="col-md-12"&gt; &lt;form class="form-inline" role="form"&gt; &lt;input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"&gt; &lt;button type="submit" class="btn btn-lg"&gt;Search&lt;/button&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; 当我执行上述操作时,正如我期望的那样,这两个表单元素都是内联的,但充其量最多不会占用几列。将鼠标悬停col-md-12在firebug中的div上会显示它占用了预期的全宽。只是文本输入似乎无法填充。我什至尝试添加行内宽度值,但没有任何改变。我知道这应该很简单,只是现在感觉真傻。 这是一个小提琴:http : //jsfiddle.net/52VtD/4119/embedded/result/ 编辑: 选择的答案在各个方面都是彻底的,并且是一个很好的帮助。这就是我最终使用的。但是,我认为最初的问题实际上是Visual Studio 2013中默认MVC5模板的问题。它在Site.css中包含此问题: input, select, textarea { max-width: 280px; } 显然,这阻止了文本输入的适当扩展。向未来的ASP.NET模板用户发出警告。



11
如何检测网页中使用了哪种定义的字体?
假设我的页面中有以下CSS规则: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } 如何检测用户浏览器中使用了哪种定义的字体? 编辑让人不知道为什么要这样做的人:我检测到的字体包含其他字体不可用的字形,并且当用户没有该字体时,我要显示一个链接,要求用户下载该字体,以便他们可以以正确的字体使用我的Web应用程序。 当前,我正在为所有用户显示下载字体链接,我只想为未安装正确字体的用户显示此字体。
138 javascript  html  css  fonts 

8
在链接和脚本标签中的CSS和Javascript URL后面附加“?v = 1”有什么作用?
我一直在查看HTML 5样板模板(来自http://html5boilerplate.com/),并注意到"?v=1"在引用CSS和Javascript文件时在URL中的使用。 "?v=1"在链接和脚本标记中附加到CSS和Javascript URL有什么作用? 并非所有的Javascript URL都有"?v=1"(示例来自以下示例:)js/modernizr-1.5.min.js。有这种原因吗? 来自他们的样本index.html: &lt;!-- CSS : implied media="all" --&gt; &lt;link rel="stylesheet" href="css/style.css?v=1"&gt; &lt;!-- For the less-enabled mobile browsers like Opera Mini --&gt; &lt;link rel="stylesheet" media="handheld" href="css/handheld.css?v=1"&gt; &lt;!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements &amp; feature detects --&gt; &lt;script src="js/modernizr-1.5.min.js"&gt;&lt;/script&gt; &lt;!------ …
138 html  css  browser-cache 

10
HTML / CSS中整个div的href链接
这是我要在HTML / CSS中完成的工作: 我有不同高度和宽度的图像,但是它们都在180x235以下。所以我要做的是创建一个divwith border及其vertical-align: middle所有。我已经成功地做到了这一点,但现在我仍然停留在如何正确地将href链接整个链接上div。 这是我的代码: &lt;div id="parentdivimage" style="position:relative;width:184px;height:235px;border-width:2px;border-color:black;border-style:solid;text-align:center;"&gt; &lt;div id="childdivimage" style="position:absolute;top:50%;height:62px;margin-top:-31px;"&gt; &lt;img src="myimage.jpg" height="62" width="180"&gt; &lt;/div&gt; &lt;/div&gt; 请注意,为了便于在此处复制粘贴,样式代码是内联的。 我读到某个地方,我可以在代码顶部简单地添加另一个父div,然后在其中添加href。但是,根据一些研究,它不是有效的代码。 因此,再次总结一下,我需要将整个div(#parentdivimage)用作href链接。
138 html  css 

16
更改html5视频标签上的来源
我正在尝试构建一个随处可见的视频播放器。到目前为止,我将与: &lt;video&gt; &lt;source src="video.mp4"&gt;&lt;/source&gt; &lt;source src="video.ogv"&gt;&lt;/source&gt; &lt;object data="flowplayer.swf" type="application/x-shockwave-flash"&gt; &lt;param name="movie" value="flowplayer.swf" /&gt; &lt;param name="flashvars" value='config={"clip":"video.mp4"}' /&gt; &lt;/object&gt; &lt;/video&gt; (在几个网站上都可以看到,例如所有人的视频),到目前为止,一切都很好。 但是现在我也想要某种播放列表/菜单以及视频播放器,从中我可以选择其他视频。这些应该立即在我的播放器中打开。因此,我将不得不“动态地更改视频的来源”(如dev.opera.com/articles/everything-you-need-to-know-html5-video-audio/-部分“让我们看另一部电影“)和javascript。让我们暂时忘记flashplayer(以及IE)部分,我将在以后尝试解决。 所以我的JS更改&lt;source&gt;标签应该是这样的: &lt;script&gt; function loadAnotherVideo() { var video = document.getElementsByTagName('video')[0]; var sources = video.getElementsByTagName('source'); sources[0].src = 'video2.mp4'; sources[1].src = 'video2.ogv'; video.load(); } &lt;/script&gt; 问题是,这不适用于所有浏览器。也就是说,firefox = O有一个不错的页面,您可以在其中观察到我遇到的问题:http : //www.w3.org/2010/05/video/mediaevents.html 我一触发load()方法(在firefox中,请注意),视频播放器就会死亡。 现在我发现,当我不使用多个&lt;source&gt;标签,而是在&lt;video&gt;标签中仅使用一个src属性时,整个事情在Firefox中都可以使用。 …
138 javascript  html  video  load 

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.