Questions tagged «html»

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

7
如何使输入类型=文件应仅接受pdf和xls
我用了 <input type= "file" name="Upload" > 现在，我想通过仅接受.pdf和.xls文件来限制它。 当我单击提交按钮时，应对此进行验证。 当我单击网页上的文件（PDF / XLS）时，它应该会自动打开。 有人可以为此提供一些示例吗？
96 html  forms 
3
使用Node.js将视频文件流式传输到html5视频播放器，以便视频控件继续工作？
Tl; Dr-问题： 使用Node.js处理将视频文件流传输到html5视频播放器以使视频控件继续工作的正确方法是什么？ 我认为这与处理标头的方式有关。无论如何，这是背景信息。该代码有点冗长，但是非常简单。 使用Node将小视频文件流化为HTML5视频很容易 我学习了如何非常轻松地将小型视频文件流式传输到HTML5视频播放器。使用此设置，控件可以正常工作，而我的视频也可以完美播放。此处包含示例视频的完整工作代码的工作副本，可在Google文档中下载。 客户： <html> <title>Welcome</title> <body> <video controls> <source src="movie.mp4" type="video/mp4"/> <source src="movie.webm" type="video/webm"/> <source src="movie.ogg" type="video/ogg"/> <!-- fallback --> Your browser does not support the <code>video</code> element. </video> </body> </html> 服务器： // Declare Vars & Read Files var fs = require('fs'), http = require('http'), url …
4
在页面加载时将焦点放在HTML输入框上
我正在尝试在页面加载时将默认焦点设置在输入框上（例如：google）。我的页面非常简单，但是我不知道该怎么做。 到目前为止，这是我得到的： <html> <head> <title>Password Protected Page</title> <script type="text/javascript"> function FocusOnInput() { document.getElementById("PasswordInput").focus(); } </script> <style type="text/css" media="screen"> body, html {height: 100%; padding: 0px; margin: 0px;} #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;} #middle {vertical-align: middle} #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;} </style> </head> …
3
AngularJS-占位符，用于过滤器的空结果
我想要一个占位符，例如<No result>当过滤器结果返回空时。谁能帮忙吗？我什至不知道从哪里开始... HTML： <div ng-controller="Ctrl"> <h1>My Foo</h1> <ul> <li ng-repeat="foo in foos"> <a href="#" ng-click="setBarFilter(foo.name)">{{foo.name}}</a> </li> </ul> <br /> <h1>My Bar</h1> <ul> <li ng-repeat="bar in bars | filter:barFilter">{{bar.name}}</li> </ul> </div> JS： function Ctrl($scope) { $scope.foos = [{ name: 'Foo 1' },{ name: 'Foo 2' },{ name: 'Foo 3' }]; $scope.bars …
9
TypeError：p.easing [this.easing]不是函数
当尝试使用jQuery显示div元素时，出现此错误： [23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 相关功能是这样的： function showWithAnimation(){ console.log('animation called'); $('#popup').show(); $("#popup").css({"top": "30%", "left": "30%"}) .animate({top:(($(window).height()/2)-($('#popup') .outerHeight()/2))-70}, 1000, 'easeOutBounce') .show(); } 该函数负责显示具有跳动动画的div，但是，显示了div但没有跳动效果。 编辑： 我包括来自CDN的jQuery和jQueryUI库，如下所示（按顺序）： <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> </script>
8
从字符串中剥离HTML标记
如何从字符串中删除HTML标签，以便可以输出纯文本？ let str = string.stringByReplacingOccurrencesOfString("<[^>]+>", withString: "", options: .RegularExpressionSearch, range: nil) print(str)
95 html  ios  swift 
10
创建收藏夹图标[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 3年前关闭。 改善这个问题 如何为我的网站创建收藏夹图标？
95 html  favicon 
5
编写带有垂直标题的HTML表的最常见方法是什么？
嗨，自从我问了一个问题已经有一段时间了，这已经困扰了我一段时间了，问题本身就出现在标题中： 编写具有垂直标题的HTML表的首选方式是什么？ 垂直标题是指表格<th>的左侧（通常是）标题（） 标头1数据数据数据 标头2数据数据数据 标头3数据数据数据 它们看起来像这样，到目前为止，我已经提出了两种选择 第一选择 <table id="vertical-1"> <caption>First Way</caption> <tr> <th>Header 1</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> </table> 这种方式的主要优点是，你有权利（实际上左）头所表示的，我不喜欢但是旁边就是<thead>，<tbody>和<tfoot>标签丢失，而且也没有办法，包括他们没有打破巧妙地将元素放在一起，这使我进入了第二个选择。 第二种选择 <style type="text/css"> #vertical-2 thead,#vertical-2 tbody{ display:inline-block; } </style> <table id="vertical-2"> <caption>Second Way</caption> <thead> <tr> <th colspan="3">Header 1</th> </tr> <tr> <th …
11
焦点输入框在负载下
如何在页面加载时将光标聚焦在特定的输入框上？ 是否还可以保留初始文本值并将光标放在输入的末尾？ <input type="text" size="25" id="myinputbox" class="input-text" name="input2" value = "initial text" />
95 javascript  html  dom  xhtml 
11
如何在导航栏中使列表项的整个区域都可单击（作为链接）？
我有一个由无序列表制成的水平导航栏，每个列表项都有很多填充，使其看起来很漂亮，但是唯一可以用作链接的区域是文本本身。如何使用户能够单击列表项中的任意位置以激活链接？ #nav { background-color: #181818; margin: 0px; overflow: hidden; } #nav img { float: left; padding: 5px 10px; margin-top: auto; margin-bottom: auto; vertical-align: bottom; } #nav ul { list-style-type: none; margin: 0px; background-color: #181818; float: left; } #nav li { display: block; float: left; padding: 25px 10px; } #nav li:hover …
95 html  css  anchor 
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.