Questions tagged «html»

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

10
如何在表格单元格中居中放置复选框?
该单元格仅包含一个复选框。由于表标题行中的文本,所以它很宽。如何将复选框居中(在HTML中包含内联CSS?(我知道)) 我试过了 <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> 但这没用。我究竟做错了什么? 更新:这是一个测试页。有人可以更正它吗(在HTML中使用CSS内联),以使复选框位于其列的中心? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Alignment test</title> </head> <body> <table style="empty-cells:hide; margin-left:auto; margin-right:auto;" border="1" cellpadding="1" cellspacing="1"> <tr> <th>Search?</th><th>Field</th><th colspan="2">Search criteria</th><th>Include in report?<br></th> </tr> <tr> <td> <input type="checkbox" name="query_myTextEditBox" style="text-align:center; vertical-align: middle;"> </td> <td> myTextEditBox …
100 html  css 

6
从输入表单获取Base64编码的文件数据
我有一个基本的HTML表单,可以从中获取一些正在Firebug中检查的信息。 我唯一的问题是,在将文件数据发送到服务器之前,我试图对文件数据进行base64编码,然后将其以该格式保存到数据库。 <input type="file" id="fileupload" /> 在Javascript + jQuery中: var file = $('#fileupload').attr("files")[0]; 我有一些基于可用javascript的操作:.getAsBinary()、. getAsText()、. getAsTextURL 但是,这些都不返回可插入的可用文本,因为它们包含不可用的“字符” -我不想在上传的文件中出现“回发”,并且我需要针对特定​​对象的多种形式,因此我很重要获取文件并以这种方式使用Javascript。 我应该如何以一种可以使用广泛使用的Javascript base64编码器的方式获取文件? 谢谢 更新-从这里开始赏金,需要跨浏览器支持!!! 这是我的位置: <input type="file" id="fileuploadform" /> <script type="text/javascript"> var uploadformid = 'fileuploadform'; var uploadform = document.getElementById(uploadformid); /* method to fetch and encode specific file here based on different browsers …

4
主要电子邮件客户端软件中的Data URI支持是什么?
数据URI是在HTML中嵌入图像和其他二进制数据的一种标准方法,并且在网络上有很好的文档说明了浏览器支持。(IE8是第一个支持Data URI的IE版本,每个URI的最大大小为32 KB;其他主流浏览器甚至更长久地支持它。) 我的问题是关于桌面电子邮件和Webmail客户端软件。 构建HTML电子邮件时,标准做法是将图像作为附件包括在内或从外部加载(即跟踪图像)。这两个都有缺点(某些客户端列出了所有这些附件文件,而许多客户端则正确地阻止或要求用户采取行动以查看外部图像)。因此,Data URI看起来是一种不错的方法,但前提是电子邮件阅读器支持它。 那么,有没有人链接到最近对该功能支持的研究?还是对此进行了调查?例如,这是CSS支持的概述。我感兴趣的客户端软件包括: 桌面(包括版本信息):Outlook,Apple Mail,Thunderbird,Evolution,Lotus Notes,AOL,Eudora 网络邮件: Gmail,Live / Hotmail,Yahoo!邮件,AOL 手机: Android,iPhone

14
强制浏览器点击下载图像文件
我需要浏览器来下载图像文件,就像在单击Excel工作表时一样。 有没有办法仅使用客户端编程来做到这一点? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.10.2.js"> $(document).ready(function () { $("*").click(function () { $("p").hide(); }); }); </script> </head> <script type="text/javascript"> document.onclick = function (e) { e = e || window.event; var element = e.target || e.srcElement; if (element.innerHTML == "Image") { //someFunction(element.href); var name = element.nameProp; var address …
100 javascript  jquery  html 


11
在AJAX调用后执行innerHTML注入的<script>
有一个称为“内容”的div: &lt;div id="content"&gt;&lt;/div&gt; 应该用AJAX填充来自PHP文件的数据,包括&lt;script&gt;标签。但是,此标记内的脚本未执行。 &lt;div id="content"&gt;&lt;!-- After AJAX loads the stuff that goes here --&gt; &lt;script type="text/javascript"&gt; //code &lt;/script&gt; &lt;!-- More stuff that DOES work here --&gt; &lt;/div&gt;
100 javascript  html  ajax 

4
在JavaScript中删除字符串中的空格
我已经阅读了有关javascript trim的问题,并提供了正则表达式答案。 然后,我希望修剪掉Hello和World之间的内部空间。 function myFunction() { alert("Hello World ".trim()); } 已编辑 为什么我期望如此! 废话!显然,修剪不会删除内部空间!,只能删除开头和结尾的空格,这就是修剪的工作方式,那么这是一个非常错误的问题,我很抱歉。
100 javascript  html  trim 

6
如何正确地通过getElementsByClassName进行迭代
我是Javascript初学者。 我是通过初始化网页的window.onload,我必须按类名(slide)查找一堆元素,然后根据某种逻辑将它们重新分配到不同的节点中。我有一个函数Distribute(element),将一个元素作为输入并进行分配。我想做这样的事情(例如在此处或此处概述的示例): var slides = getElementsByClassName("slide"); for(var i = 0; i &lt; slides.length; i++) { Distribute(slides[i]); } 但这对我getElementsByClassName没有任何帮助,因为它实际上并不返回数组,而是一个NodeList,即... 这是我的推测 ...正在函数内部更改Distribute(DOM树正在此函数内部更改,并且某些节点发生了克隆)。For-each循环结构也无济于事。 变量滑块的行为实际上是不确定的,通过每次迭代,它会疯狂地更改其长度和元素顺序。 在我的情况下,迭代NodeList的正确方法是什么?我当时正在考虑填充一些临时数组,但不确定如何做到这一点... 编辑: 我忘了提到的一个重要事实是,其中可能有一张幻灯片,而实际上正是slides由于用户Alohci而改变了变量,正如我刚刚发现的那样。 对我来说,解决方案是先将每个元素克隆到数组中,然后再将数组一个接一个地传递Distribute()。
100 javascript  html  dom 

5
位置:绝对身高和父母身高?
我有一些容器,他们的孩子只是绝对的/相对的。如何设置容器的高度,以便他们的孩子进入其中? 这是代码: 的HTML &lt;section id="foo"&gt; &lt;header&gt;Foo&lt;/header&gt; &lt;article&gt; &lt;div class="one"&gt;&lt;/div&gt; &lt;div class="two"&gt;&lt;/div&gt; &lt;/article&gt; &lt;/section&gt; &lt;div style="clear:both"&gt;Clear won't do.&lt;/div&gt; &lt;!-- I want to have a gap between sections here --&gt; &lt;section id="bar"&gt; &lt;header&gt;bar&lt;/header&gt; &lt;article&gt; &lt;div class="one"&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt; &lt;div class="two"&gt;&lt;/div&gt; &lt;/article&gt; &lt;/section&gt; 的CSS article { position: relative; } .one { position: absolute; top: 10px; …
100 html  css  position  height  absolute 

5
如何在jQuery中检查输入文件是否为空
JS新手。 我正在尝试使用jQuery / JavaScript提交表单时检查文件输入元素是否为空。我经历了很多解决方案,但没有任何工作对我有用。我正在努力避免/c/fakepath(除非没有其他选择) &lt;input type="file" name="videoFile" id="videoUploadFile" /&gt; 这不起作用: var vidFile = $("#videoUploadFile").value; 获取文件名的唯一方法是使用以下命令: var vidFile = document.getElementById("videoUploadFile").files[0].name; 如果没有可用的文件,则代码将引发错误: 无法读取未定义的属性名称 这是有道理的,因为未设置数组。但是我不知道该怎么做任何错误处理。 我如何正确地抓住文件输入元素videoUploadFile,检查它是否为空,如果它为空,则抛出错误消息?
100 javascript  jquery  html 

9
CSS中表td中的中心图像
我一直在尝试将图像对齐到td表的中心。它可以将margin-left设置为特定值,但是它也增加了td的大小,这也不是我想要的 有什么有效的方法吗?我用百分比表示桌子的高度和宽度。
100 html  css 

8
如何使用CSS使背景变暗?
我有一个带有文本的元素。每当我降低不透明度时,我就会降低整个身体的不透明度。有什么办法可以使我变得background-image更黑,而不是其他所有? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
100 html  css  opacity 


15
在javascript中编码html实体
我在允许用户输入内容的CMS中工作。问题在于,当他们添加符号时®,它可能无法在所有浏览器中正常显示。我想设置一个必须搜索的符号列表,然后将其转换为相应的html实体。例如 ®=&gt; &amp;reg; &=&gt; &amp;amp; ©=&gt; &amp;copy; ™=&gt;&amp;trade; 转换后,需要将其包装在&lt;sup&gt;标签中,从而导致: ® =&gt; &lt;sup&gt;&amp;reg;&lt;/sup&gt; 因为必须使用特定的字体大小和填充样式: sup { font-size: 0.6em; padding-top: 0.2em; } JavaScript会是这样吗? var regs = document.querySelectorAll('®'); for ( var i = 0, l = imgs.length; i &lt; l; ++i ) { var [?] = regs[i]; var [?] = document.createElement('sup'); img.parentNode.insertBefore([?]); div.appendChild([?]); …
100 javascript  html 

1
防止弹性物品拉伸
样品: div { display: flex; height: 200px; background: tan; } span { background: red; } &lt;div&gt; &lt;span&gt;This is some text.&lt;/span&gt; &lt;/div&gt; 运行代码段Hide results展开摘要 我有两个问题,请: 为什么基本上会发生这种情况span? 什么是正确的方法,以防止其拉伸而不影响flex容器中的其他flex项目?
100 html  css  flexbox 

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.