Questions tagged «html»

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

30
HTML <select>是否存在onSelect事件或等效事件?
我有一个输入表单,可让我从多个选项中进行选择,并在用户更改选择时执行一些操作。例如, &lt;select onChange="javascript:doSomething();"&gt; &lt;option&gt;A&lt;/option&gt; &lt;option&gt;B&lt;/option&gt; &lt;option&gt;C&lt;/option&gt; &lt;/select&gt; 现在,doSomething()仅当选择更改时才会触发。 我想doSomething()在用户选择任何选项时触发,可能再次相同。 我尝试使用“ onClick”处理程序,但是在用户开始选择过程之前触发了该处理程序。 那么,有没有一种方法可以在用户的​​每次选择上触发功能? 更新: 达里尔(Darryl)提出的答案似乎行得通,但并不一致。有时,甚至在用户完成选择过程之前,只要用户单击下拉菜单,就会触发该事件!

8
HTML属性的长度是否有限制?
HTML中的属性值需要多长时间? 我data-foo="bar"在新的应用程序中使用HTML5样式数据属性(),并且在一个地方存储大量数据(最多100个字符)非常方便。虽然我怀疑这笔款项是可以的,但它提出了多少是太多的问题?

13
为什么单选按钮不能为“只读”?
我想显示一个单选按钮,提交其值,但根据情况,使其不可编辑。禁用不起作用,因为它不提交值(或者是?),并且它使单选按钮变灰。只读确实是我想要的,但是由于某些神秘的原因,它不起作用。 是否需要一些怪异的技巧才能使只读功能按预期工作?我应该只用JavaScript来做吗? 顺便说一句,有人知道为什么只读在单选按钮中不起作用,而在其他输入标签中却起作用吗?这是HTML规范中那些无法理解的遗漏之一吗?

6
为什么在CSS选择器/ HTML属性中首选使用破折号?
过去,我一直使用下划线在HTML中定义类和id属性。在过去的几年中,我改用破折号,主要是为了使自己适应社区中的趋势,而不一定是因为这对我来说很有意义。 我一直认为破折号有更多弊端,但我看不出这样做的好处: 代码完成和编辑 大多数编辑器将破折号视为单词分隔符,因此我无法跳到想要的符号。假设课程为“ featured-product”,我必须自动完成“ featured”,输入连字符,然后完成“ product”。 带下划线的“ featured_product”被视为一个单词,因此可以一步完成。 在文档中导航同样如此。跳字或双击类名会被连字符打断。 (更一般而言,我将类和id视为令牌,因此对令牌来说,令牌应该很容易拆分对于我来说没有任何意义。) 算术运算符的歧义 使用破折号会中断对象属性对 JavaScript中表单元素的访问。只有下划线才有可能: form.first_name.value='Stormageddon'; (不可否认,我自己不是以这种方式访问​​表单元素,但是当将破折号和下划线作为通用规则时,请考虑有人可能会这样做。) 诸如Sass之类的语言(尤其是在整个Compass框架中)已经以破折号作为标准,甚至对于变量名也是如此。他们最初也使用下划线。这被不同地解析的事实令我感到奇怪: $list-item-10 $list-item - 10 与跨语言的变量命名不一致 以前,我曾经用underscored_namesPHP,ruby,HTML / CSS和JavaScript 编写变量。这是方便且一致的,但是再次为了“适合”我现在使用: dash-case 在HTML / CSS中 camelCase 在JavaScript中 underscore_case 在PHP和ruby中 这实际上并没有给我带来太大的困扰,但是我想知道为什么它们似乎如此故意地变得如此混乱。至少使用下划线可以保持一致性: var featured_product = $('#featured_product'); // instead of var featuredProduct = $('#featured-product'); 差异造成了我们不得不不必要地转换字符串以及潜在错误的情况。 所以我问:为什么社区几乎普遍使用破折号,并且有什么理由要超过下划线? 从开始的那段时间开始就有一个相关的问题,但是我认为这不是(或者不应该)只是一个口味问题。我想了解一下,如果真的只是出于口味问题,为什么我们都同意这个约定。

5
如何创建超链接以在移动设备上拨打电话号码?
为移动设备上的用户创建可点击的超链接以拨打电话号码的正确通用格式是什么? 带破折号的区号 &lt;a href="tel:555-555-1212"&gt;555-555-1212&lt;/a&gt; 不带破折号的区号 &lt;a href="tel:5555551212"&gt;555-555-1212&lt;/a&gt; 带破折号和1的区号 &lt;a href="tel:1-555-555-1212"&gt;555-555-1212&lt;/a&gt; 无破折号和1的区号 &lt;a href="tel:15555551212"&gt;555-555-1212&lt;/a&gt; 带破折号,1和+号的区号 &lt;a href="tel:+1-555-555-1212"&gt;555-555-1212&lt;/a&gt; 不带破折号,1和+号的区号 &lt;a href="tel:+15555551212"&gt;555-555-1212&lt;/a&gt;
213 html  mobile  hyperlink 

14
从Android的移动网站(不是应用程序)共享WhatsApp上的链接
我已经开发了一个主要用于手机的网站。 我想允许用户直接从网页共享信息到WhatsApp。 使用UserAgent检测,我可以区分Android和iOS。 我发现,为了在iOS中实现上述功能,我可以使用URL: href="whatsapp://send?text=http://www.example.com" 我仍在寻找OS为Android时要使用的解决方案(因为上述方法不起作用)。 我猜想这与在Android中使用“意图”有关,但是我不知道如何将其用作href的参数。
213 android  html  mobile  share  whatsapp 

16
如何设置dt和dd的样式,使它们处于同一行?
使用CSS,如何设置以下样式: &lt;dl&gt; &lt;dt&gt;Mercury&lt;/dt&gt; &lt;dd&gt;Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.&lt;/dd&gt; &lt;dt&gt;Venus&lt;/dt&gt; &lt;dd&gt;Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an iron core.&lt;/dd&gt; &lt;dt&gt;Earth&lt;/dt&gt; &lt;dd&gt;Earth (1 AU) is …
212 html  css 

9
实时将HTTP流传输到HTML5视频客户端的最佳方法
我真的很想了解使用node.js将ffmpeg实时输出流到HTML5客户端的最佳方法,因为有很多变量在起作用,而且我在这个领域没有很多经验,花了很多小时尝试不同的组合。 我的用例是: 1)IP摄像机RTSP H.264流由FFMPEG采集,并使用节点中的以下FFMPEG设置重新混合到mp4容器中,并输出到STDOUT。这仅在初始客户端连接上运行,因此部分内容请求不会尝试再次产生FFMPEG。 liveFFMPEG = child_process.spawn("ffmpeg", [ "-i", "rtsp://admin:12345@192.168.1.234:554" , "-vcodec", "copy", "-f", "mp4", "-reset_timestamps", "1", "-movflags", "frag_keyframe+empty_moov", "-" // output to stdout ], {detached: false}); 2)我使用节点http服务器捕获STDOUT,并根据客户端请求将其流式传输回客户端。当客户端第一次连接时,我产生了上面的FFMPEG命令行,然后将STDOUT流通过管道传递到HTTP响应。 liveFFMPEG.stdout.pipe(resp); 我还使用了流事件将FFMPEG数据写入HTTP响应,但没有区别 xliveFFMPEG.stdout.on("data",function(data) { resp.write(data); } 我使用以下HTTP标头(在流式传输预先记录的文件时也使用并起作用) var total = 999999999 // fake a large file var partialstart = 0 var partialend …


5
从pandas数据框转换为html时,如何在html中显示完整(非截断)的数据框信息?
我使用该DataFrame.to_html函数将pandas数据框转换为html输出。当我将其保存到单独的html文件中时,该文件显示截断的输出。 例如,在我的“文字”列中, df.head(1) 将会呈现 这部电影是很棒的努力。 代替 这部电影是在解构这一时期盛行的复杂社会情绪方面做出的出色努力。 在大屏幕熊猫数据框的屏幕友好格式的情况下,这种表示形式很好,但是我需要一个HTML文件,该文件将显示数据框中包含的完整表格数据,即,将显示后一个文本元素而不是前一段文字。 如何在html版本的信息的TEXT列中显示每个元素的完整,不截断的文本数据?我可以想象html表必须显示长单元格才能显示完整的数据,但是据我所知,只能将列宽参数传递给该DataFrame.to_html函数。
212 python  html  pandas 

4
为什么div带有“ display:table-cell;” 不受保证金影响吗?
我有div彼此相邻的元素display: table-cell;。 我想margin在它们之间设置,但是margin: 5px没有效果。为什么? 我的代码: &lt;div style="display: table-cell; margin: 5px; background-color: red;"&gt;1&lt;/div&gt; &lt;div style="display: table-cell; margin: 5px; background-color: green;"&gt;1&lt;/div&gt;
211 html  css 


11
如何将HTML标签显示为纯文本
我的网站上有一个允许使用HTML的输入表单,我正在尝试添加有关使用HTML标签的说明。我想要文字 &lt;strong&gt;Look just like this line - so then know how to type it&lt;/strong&gt; 但是到目前为止,我得到的是: 看起来就像这行-因此知道如何键入它 如何显示标签,以便人们知道要输入什么?
211 php  html 

21
如何使HTML文本框为空时显示提示?
我希望网页上的搜索框以灰色斜体显示单词“搜索”。当框获得焦点时,它应该看起来像一个空的文本框。如果其中已经有文本,则应正常显示文本(黑色,非斜体)。这将帮助我通过除去标签来避免混乱。 顺便说一句,这是页面上的Ajax搜索,因此没有按钮。
210 javascript  html 

14
如何确定HTML表单上的默认提交按钮?
如果提交表单但未通过任何特定按钮提交,例如 通过按 Enter HTMLFormElement.submit()在JS中使用 浏览器应如何确定按下多个提交按钮(如果有)中的哪个? 这在两个层次上很重要: 调用onclick附加到提交按钮的事件处理程序 数据发送回Web服务器 到目前为止,我的实验表明: 按下时Enter,Firefox,Opera和Safari使用表单中的第一个提交按钮 按下时Enter,IE会使用第一个“提交”按钮,或者根本不使用任何按钮,具体取决于我无法弄清楚的情况 所有这些浏览器都完全不使用JS提交 标准怎么说? 如果有帮助,这是我的测试代码(PHP仅与我的测试方法有关,与我的问题本身无关) &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Get&lt;/h1&gt; &lt;dl&gt; &lt;?php foreach ($_GET as $k =&gt; $v) echo "&lt;dt&gt;$k&lt;/dt&gt;&lt;dd&gt;$v&lt;/dd&gt;"; ?&gt; &lt;/dl&gt; &lt;h1&gt;Post&lt;/h1&gt; &lt;dl&gt; …

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.