程序设计 html

5

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

82 html tags font-awesome

6

从textarea移除滚动条

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

82 html scroll textarea scrollbar overflow

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％的其他（不正确）答案。

82 html internationalization locale

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）

82 html css twitter-bootstrap

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 …

82 css html special-characters

15

带有HTML和CSS的进度栏

我想创建一个进度条，如下图所示：我不知道要创建这个。我应该使用HTML5技术吗？您能否给我一些有关创建此进度条的帮助？

82 html css progress-bar

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>&nbsp;<input type="text" id="name" required="true" /><br/> <label>Car:</label>&nbsp;<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;” 将按钮居中，还是不居中？

81 html css internet-explorer-8

13

Twitter Bootstrap选项卡不起作用：当我单击它们时，没有任何反应

我正在尝试在以下代码中实现Twitter Bootstrap选项卡，但它似乎不起作用。显示了选项卡，但是当我单击它们时，什么也没有发生。以下是我正在使用的唯一代码。所有其他CSS / JS脚本均从Twitter Bootstrap框架复制而来。 <!DOCTYPE html> <html lang="en"> <head>  <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 …

81 html twitter-bootstrap

3

表中的多个<thead> / <tbody>有效吗？

想象一个类似于以下列表的列表： var list = [ { name: 'group1', items: [ 1, 2, 3, 4, 5 ] }, { name: 'group2', items: [ 1, 2, 3, 4, 5 ] }, etc... ] 现在忘记了整个“表是用于数据而非设计的”参数，我想显示一个表，并为其中的每个条目list提供一个单独的表。 <thead><tbody>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为街景视图绘制街道时，它们会绘制所有无线网络的位置。我已经在网上搜索了有关信息，但我找不到任何特定的详细信息。

81 google-maps html geolocation geocoding

7

在CSS中将文本和选择框对齐到相同的宽度？

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

81 css html textbox drop-down-menu

Questions tagged «html»