Questions tagged «html»

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

5
i标签的Alt或title属性
我使用超赞的字体并像这样显示其字体: <i class="icon-lock"></i> 这将显示一个漂亮的小锁符号。为了让用户知道确切的含义,我尝试添加诸如title和alt之类的属性,但无济于事。 我可以为<i>执行与alt图像和链接标题相同的任务的标记使用任何属性吗?

6
从textarea移除滚动条
继续我的上一个问题(将滚动条添加到<textarea>中),该问题如何始终显示a中的滚动条<textarea>,我现在想知道如何设置它,以便<textarea>即使文本溢出也不会在其中显示滚动条。要向下滚动,可以使用箭头键或鼠标在文本中导航。 我怎样才能做到这一点?

13
使用浏览器时,如何知道操作系统使用哪个小数点分隔符?
我正在开发一个Web应用程序。 我需要正确显示一些十进制数据,以便可以将其复制并粘贴到GUI不受我控制的某个应用程序中。 GUI应用程序是对语言环境敏感的,并且仅接受系统中设置的正确的十进制分隔符。 我可以从中猜测小数点分隔符,Accept-Language并且在95%的情况下猜测是正确的,但有时会失败。 有什么方法可以在服务器端(最好是我可以收集统计信息)或在客户端吗? 更新: 任务的重点是自动执行。 实际上,此webapp是传统GUI的一种在线界面,有助于正确填写表格。 使用它的用户种类大多不知道十进制分隔符是什么。 该Accept-Language解决方案已实现并可以运行,但我想对其进行改进。 更新2: 我需要检索一个非常具体的设置:中的小数点分隔符Control Panel / Regional and Language Options / Regional Options / Customize。 我处理四种操作系统: 俄语Windows,逗号为DS(80%)。 英文Windows以句点作为DS(15%)。 带有DS期间的俄语Windows,可以使英文应用程序的书写不佳(4%)。 英文Windows,以逗号作为DS,以使书写较差的俄语应用程序正常工作(1%)。 所有100%的客户都在俄罗斯,而旧版应用程序处理的是俄罗斯政府发行的表格,因此,要求一个国家将获得100%的俄罗斯联邦,而GeoIP将获得80%的俄罗斯联邦和20%的其他(不正确)答案。

4
仅使用JavaScript会话的cookie
我想知道是否可以使用Javascript创建仅会话cookie。关闭浏览器后,应删除Cookie。 我无法在服务器上使用任何内容,因为该网站仅是HTML ...因此未使用服务器端脚本。 我在这里阅读有关此内容:http : //blog.lysender.com/2011/08/setting-session-only-cookie-via-javascript/ 但我找不到关于此的更多信息...所以我想知道这种方法是否可靠。
82 javascript  html 

7
如何将div滚动条放在左侧?
是否可以为div上的垂直滚动条指定位置(左侧或右侧)? 例如,查看此页面,其中说明了如何使用溢出属性。有什么方法可以将滚动条放在可滚动区域的左侧?
82 html  css 

7
使Bootstrap表列适合内容
我正在使用Bootstrap,并绘制表格。最右边的列中有一个按钮,我希望它降低到适合该按钮所需的最小尺寸。 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <table class="table table-responsive"> <tbody> <tr> <th>Name</th> <th>Payment Method</th> <th></th> </tr> <tr> <td>Bart Foo</td> <td>Visa</td> <td><a role="button" class="btn btn-default btn-xs" href="/Payments/View/NnrN_8tMB0CkVXt06nkrYg">View</a></td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要 呈现如下: 在突出显示萤火虫的同时,列的宽度也是如此宽: 当页面处于较大的动态宽度模式时,该列随页面缩放。我知道如何在纯CSS中修复此问题,但是大多数方法可能会导致网站的低宽度版本出现问题。 如何使该列下降到其内容的宽度? (与以往一样-现有的引导程序类>纯CSS> Javascript)

4
如何使用勾号/对勾符号(✓)代替无序列表中的项目符号?
我有一个列表,我想在列表文本之前添加刻度符号。是否有任何CSS可以帮助我以这种方式应用? ✓ this is my text ✓ this is my text ✓ this is my text ✓ this is my text ✓ this is my text ✓ this is my text 注意:我需要这种类型的HTML代码 <ul> <li>this is my text</li> <li>this is my text</li> <li>this is my text</li> <li>this is my text</li> <li>this …


7
必需属性HTML5
在我的Web应用程序中,我对表单字段使用了一些自定义验证。在同一个表单中,我有两个按钮:一个用于实际提交表单,另一个用于取消/重置表单。 通常,我使用Safari作为默认浏览器。现在Safari 5退出了,突然我的“取消/重置”按钮不再起作用了。每次按下重置按钮时,表单中的第一个字段都会获得焦点。但是,这与我的自定义表单验证相同。在其他浏览器上尝试时,一切都很好。我必须是Safari 5的问题。 我在Javascript代码中做了一些更改,发现以下行引起了该问题: document.getElementById("somefield").required = true; 为确保确实是问题,我创建了一个测试方案: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <form id="someform"> <label>Name:</label> <input type="text" id="name" required="true" /><br/> <label>Car:</label> <input type="text" id="car" required="true" /><br/> <br/> <input type="submit" id="btnsubmit" value="Submit!" /> </form> </body> </html> 我期望会发生的事情确实发生了。第一个字段“名称”确实自动获得了焦点。 还有其他人偶然发现吗?
81 html 

12
使用“保证金:0自动;” 在Internet Explorer 8中
我正在进行一些高级IE8测试,似乎旧的使用技巧margin: 0 auto;在IE8中并非在所有情况下都有效。 下面的HTML的一块给出了在FF3,歌剧,Safari,铬,IE7居中按钮,IE8 COMPAT,但不是在IE8标准: <div style="height: 500px; width: 500px; background-color: Yellow;"> <input type="submit" style="display: block; margin: 0 auto;" /> </div> (作为一种解决方法,我可以为按钮添加一个明确的宽度)。 所以问题是:哪种浏览器正确?还是这是行为未定义的情况之一? (我的想法是所有浏览器都不正确-如果按钮的“显示:阻止”按钮不应该是100%宽度吗?) 更新:我是笨蛋。由于输入不是块级元素,因此我应该将其包含在具有“ text-align:center”的div中。话虽如此,出于好奇的缘故,我仍然想知道按钮是否应该在上面的示例中居中。 赏心悦目的:我知道我在示例中做的很奇怪,正如我在更新中指出的那样,我应该将其居中对齐。为了悬赏,我希望引用能回答以下问题的规范: 如果设置为“ display:block”,按钮的宽度应为100%吗?还是这是不确定的? 由于显示为块,因此应“ margin:0 auto;” 将按钮居中,还是不居中?

13
Twitter Bootstrap选项卡不起作用:当我单击它们时,没有任何反应
我正在尝试在以下代码中实现Twitter Bootstrap选项卡,但它似乎不起作用。显示了选项卡,但是当我单击它们时,什么也没有发生。以下是我正在使用的唯一代码。所有其他CSS / JS脚本均从Twitter Bootstrap框架复制而来。 <!DOCTYPE html> <html lang="en"> <head> <!-- Le styles --> <link href="assets/twitterbootstrap/css/bootstrap.css" rel="stylesheet"> <link href="assets/twitterbootstrap/css/bootstrap-responsive.css" rel="stylesheet"> </head> <body data-spy="scroll" data-target=".subnav" data-offset="50"> <div class="container"> <!--------> <div id="content"> <ul class="nav nav-tabs" data-tabs="tabs"> <li class="active"><a href="#red">Red</a></li> <li><a href="#orange">Orange</a></li> <li><a href="#yellow">Yellow</a></li> <li><a href="#green">Green</a></li> <li><a href="#blue">Blue</a></li> </ul> <div id="my-tab-content" class="tab-content"> <div …

3
表中的多个<thead> / <tbody>有效吗?
想象一个类似于以下列表的列表: var list = [ { name: 'group1', items: [ 1, 2, 3, 4, 5 ] }, { name: 'group2', items: [ 1, 2, 3, 4, 5 ] }, etc... ] 现在忘记了整个“表是用于数据而非设计的”参数,我想显示一个表,并为其中的每个条目list提供一个单独的表。 &lt;thead&gt;&lt;tbody&gt;list 这在技术上有效吗?这可以在浏览器中使用,但是我的蜘蛛感觉上却有点刺痛。
81 javascript  html 

13
在不刷新页面的情况下更新网站的CSS
我用CSS创建了一个页面。现在,我必须从编辑器更改为浏览器,并刷新整个页面,以查看每一个小的更改。但是我不想刷新页面,因为我有一些动画。 那么,有什么我可以用来在CSS更新之后自动更新我的网站的信息吗? 也许使用JavaScript,jQuery,Ajax等?
81 javascript  jquery  html  css  ajax 

2
HTML5的GeoLocation到底如何工作?
我知道浏览器会共享我的IP地址和附近无线网络的详细信息来确定我的位置,但是它知道关于附近wifi网络的哪些信息? 例如,我所住的地方没有公共无线网络,从我的家中可以看到大约5个专用网络,但我的位置确定在20米以内。由于附近没有开放的网络,Google如何确定我的位置?我能想到的唯一方法是,当Google为街景视图绘制街道时,它们会绘制所有无线网络的位置。 我已经在网上搜索了有关信息,但我找不到任何特定的详细信息。

7
在CSS中将文本和选择框对齐到相同的宽度?
好的,这似乎不可能正确。我有一个文本框和一个选择框。我希望它们的宽度完全相同,以便它们在左边距和右边距上对齐。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; input, select { width: 200px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" value="ABC"&gt;&lt;br&gt; &lt;select&gt; &lt;option&gt;123&lt;/option&gt; &lt;/select&gt; &lt;/body&gt; &lt;/html&gt; 您会那样做,对吗?不。在Firefox中,选择框短6像素。查看截图。 好的,让我们编辑代码并制作两种样式。 &lt;style type="text/css"&gt; input { width: 200px; } select { width: 206px; } &lt;/style&gt; 好的,行得通! 哦,等等,在Chrome中进行更好的测试... 有人可以告诉我如何在所有浏览器中排列它们吗?我为什么不能只做宽度:全部为200px,为什么所有浏览器都以不同的方式显示宽度?同样,当我们使用它时,为什么文本框和选择框的高度不同?我们如何使它们达到相同的高度?尝试过的高度和线高没有用。 解: 好的,我从下面的答案中获得了一些帮助,找到了解决方案。关键是使用box-sizing:border-box属性,因此当您指定包含边框和填充。在这里查看出色的解释。然后,浏览器无法填充它。 代码在下面,还将框的高度设置为相同的大小,并在框内缩进了文本,使其对齐。您还需要设置边框,因为Chrome的边框看起来很古怪,它用于选择框,因此会导致对齐问题。这将适用于HTML5网站(例如,支持IE9,Firefox,Chrome,Safari,Opera等)。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style …

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.