Questions tagged «html»

我已经阅读了许多关于动态添加字段集的博客和文章，但是它们都给出了非常复杂的答案。我所需要的并不那么复杂。 我的HTML代码： <input type="text" name="member" value="">Number of members: (max. 10)<br /> <a href="#" id="filldetails">Fill Details</a> 因此，用户将在该input字段中输入一个整数值（我正在使用javascript检查验证）。在单击Fill Details链接时，将出现相应数量的输入字段供他输入。我想使用javascript实现。 我不是javascript专业人士。我在想如何input通过链接检索用户在字段中填写的整数并显示相应数量的输入字段。

89 javascript  html  forms 

我目前正在为一家公司制作移动目标网页。这是一个非常基本的布局，但是在标题下方有一张产品图片，该图片始终为100％的宽度（设计表明，该图片始终从一条边到另一条边）。根据屏幕的宽度，图像的高度显然会相应地进行调整。我最初是使用img（CSS宽度为100％）完成此操作的，效果很好，但我意识到我想使用媒体查询根据不同的分辨率提供不同的图像-假设尺寸较小，中等，例如，同一张图片的大版本。我知道您无法使用CSS更改img src，因此我认为应该为图像使用CSS背景，而不是HTML中的img标签。 我似乎无法正常工作，因为带有背景图片的div既需要宽度也需要高度来显示背景。我显然可以使用“宽度：100％”，但是高度该怎么用？我可以设置一个随机的固定高度，例如150px，然后可以看到图像的顶部150px，但这不是解决方案，因为没有固定高度。我玩过一次游戏，发现一旦有一个高度（用150px测试），我可以使用'background-size：100％'将图像正确地放入div中。我可以将较新的CSS3用于该项目，因为它仅针对移动设备。 我在下面添加了一个粗略的示例。请原谅内联样式，但我想举一个基本的例子来尝试使我的问题更清楚一些。 <div id="image-container"> <div id="image" style="background: url(image.jpg) no-repeat; width: 100%; height: 150px; background-size: 100%;"></div> </div> 是否可能需要根据整个页面给容器div设置一个百分比高度，还是我认为这是完全错误的？ 另外，您认为CSS背景是执行此操作的最佳方法吗？也许有一种技术可以根据设备/屏幕宽度来提供不同的img标签。通常的想法是，目标网页模板将与不同的产品图片一起使用多次，因此我需要确保以最佳方式开发这种模板。 我很抱歉，这有点冗长，但是我从这个项目来回到下一个项目，所以我想把这件事做完。在此先感谢您的宝贵时间，不胜感激。问候

89 html  css  background-image  responsive  responsive-images 

如果我没有记错的话，Google Docs提供了一种通过来显示与网页存储在同一服务器上的PDF的方法<iframe>，但是我需要知道如何以跨浏览器兼容的方式来执行此操作。

89 html  pdf 

我正在尝试为有序列表中的数字设置样式，我想添加背景颜色，边框半径和颜色，以便它们与我正在使用的设计相匹配： 我想这是不可能的，我将不得不为每个数字使用不同的图像，即 ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... 有没有更简单的解决方案？

89 html  css  html-lists  sprite 

我正在尝试将图像的src绑定到元素中，但似乎无法正常工作。我收到一个“无效的表达式。生成的函数主体：{backgroundImage：{url（image）}”。 该文档说使用“ Kebab-case”或“ camel-case”。 <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> 这是一个小提琴：https : //jsfiddle.net/0dw9923f/2/

89 javascript  html  css  vue.js 

如何将无序列表居中<li>放置为固定宽度div？ <table width="100%"> <tbody> <tr> <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td> <td width="59%"><p align="left"> </p> <h1 align="left">StudioTeknik.com</h1> <p><br align="left"> <strong>Marc-André Ménard</strong></p> <ul> <li>Photographie digitale</li> <li>Infographie </li> <li>Débug et IT (MAC et PC)</li> <li> Retouche </li> <li>Site internet</li> <li>Graphisme</li> </ul> <p align="left"><span class="style1"><strong>Cellulaire en suisse : </strong></span><a href="#">+41 079 573 48 99</a></p> <p …

88 css  html  html-lists 

我有一个从链接启动的Bootstrap模式。在AJAX查询从数据库中获取数据的同时，它只停留在空白处约3秒钟。如何实现某种负载指示器？默认情况下，twitter引导程序是否提供此功能？ 编辑：模态的JS代码 <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "_MENU_ records per page" }, "aaSorting":[[0, "desc"]], "iDisplayLength": 10, "oTableTools": { "sSwfPath": "swf/copy_csv_xls_pdf.swf", "aButtons": …

88 javascript  jquery  html  ajax 

在HTML规范说 ID和NAME令牌必须以字母（[A-Za-z]）开头，后可以跟任意数量的字母，数字（[0-9]），连字符（“-”），下划线（“ _”） ，冒号（“：”）和句点（“。”）。 而且即使HTML 4 的SGML声明为NAMELEN使用值65536，它也会指出“避免固定限制”。 但可以肯定的是，浏览器，CSS实现和JavaScript工具包在支持的长度上必须有一些限制。在HTML / CSS / JS应用程序中可以安全使用的最小限制是多少？

88 javascript  html  css 

日期选择器降落在Chrome 20上，是否有任何属性可以将其禁用？我的整个系统都使用jQuery UI datepicker及其跨浏览器，因此，我想禁用Chrome本机datepicker。有标签属性吗？

88 html  google-chrome  datepicker 

我正在尝试写一篇博客文章，其中在<pre>标签中包含一个代码段。该代码段包括一个通用类型，并用于<>定义该类型。该段的外观如下： <pre> PrimeCalc calc = new PrimeCalc(); Func<int, int> del = calc.GetNextPrime; </pre> 生成的HTML删除<>并最终如下所示： PrimeCalc calc = new PrimeCalc(); Func del = calc.GetNextPrime; 我如何转义<>它们以使其显示在HTML中？

88 html  escaping  markup  blogger 

我在某些元素上遇到了定位问题，在对其进行检查后，IE8 Developer工具向我显示了这一点： 现在，我很确定我的问题是12偏移量，但是如何删除它？我找不到任何提及CSS偏移属性的内容。除了保证金，我们还需要抵消吗？ 这是产生该代码的代码： <div id="wahoo" style="border: solid 1px black; height:100px;"> <asp:TextBox ID="inputBox" runat="server" /> <input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;" tabindex="99" /> <div id="ListboxWrapper" style="display:none; position:absolute; onfocusout="this.style.display = 'none'""> <asp:ListBox ID="lstBoxCompany" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lstBoxCompany_SelectedIndexChanged" style="z-index: …

88 html  css  internet-explorer  user-interface 

我有一个固定宽度的DIV，其中包含一个包含许多列的表格，并且需要允许用户在DIV中水平滚动表格。 这仅需要在IE6和IE7（内部客户端应用程序）上工作。 IE7中的以下作品： overflow-x: scroll; 谁能在IE6中也提供解决方案？

88 html  css 

我想知道是否有办法更改列表中项目符号的颜色。 我有一个这样的清单： <ul> <li>House</li> <li>Car</li> <li>Garden</li> </ul> 对我来说，不可能在li中插入任何内容，例如“ span”或“ p”。那么，我可以以某种巧妙的方式更改项目符号的颜色，而不更改文本的颜色吗？

88 html  css 

我正在尝试获取HTML元素（body，div等）的背景图像，以拉伸其整个宽度和高度。 运气不好。是否有可能，或者除了背景图片外，我还必须采取其他方法吗？ 我当前的CSS是： body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } 提前致谢。 编辑：我不希望在Gabriel的建议中维护CSS，所以我改为更改页面的布局。但这似乎是最好的答案，因此我将其标记为这样。

88 html  css  background-image 

我正在尝试获取音频文件以在iPad上的Safari中自动播放。如果我在Mac上使用Safari浏览该页面，就可以了。在iPad上，自动播放不起作用。

88 iphone  audio  ipad  html