程序设计 html

7

我在HTML5文档上有一个iframe。验证时，我收到一条错误消息，告诉我上的属性iframe frameBorder已过时，请改用CSS。我在frameBorder="0"这里具有此属性，因为这是我能弄清楚如何摆脱IE中边界的唯一方法，我border:none;在CSS中尝试了运气不好。是否有兼容的方法来解决此问题？谢谢。

82 css internet-explorer html

2

如何在Jinja2模板中包含HTML文件？

我正在为使用Jinja模板的服务器使用Flask微框架。我有一个父级template.html，一些子级模板称为child1.html和child2.html，其中一些子级模板是相当大的HTML文件，我想以某种方式将其拆分，以使工作更清晰。我的main.py脚本内容： from flask import Flask, request, render_template app = Flask(__name__) @app.route('/') @app.route('/<task>') def home(task=''): return render_template('child1.html', task=task) app.run() 简化的template.html： <!DOCTYPE html> <html> <head></head> <body> <div class="container"> {% block content %}{% endblock %} </div> </body> </html> 魔力在于child1.html： {% extends 'template.html' %} {% block content %} {% if task == …

82 python html flask jinja2

1

在Create-React-App应用程序中index.html和index.js之间的连接在哪里？

我开始玩Create React App，但我不明白内如何index.js加载index.html。这是html代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> <!-- Notice the use of %PUBLIC_URL% in the tag above. It will be replaced with the URL of the `public` folder during the build. Only files inside the `public` folder can be …

82 javascript html reactjs create-react-app

6

如何在多个页面上重复使用导航栏？

我刚刚完成了home / index.html页面的制作。要将导航栏保持在原处，并在用户单击我的所有页面时将其保留。我是否必须将导航代码复制并粘贴到每个页面的顶部？还是有另一种方法可以使它看起来更干净？ HMTL导航： <nav> <div> <a href="/"> <div id="logo"><img src="image.png" alt="Home"/></div> <div id="headtag"><img src="image.png" alt="Home"/></div> <div id="tagline"><img src="image.png" alt="Home"/></div> </a> </div> <div> <a href="/" class="here">Home</a> <a href="/about.html" >About</a> <a href="/services.html" >Services</a> <a href="/pricing.html" >Pricing</a> <a href="/contact.html" >Contact Us</a> <input id="srchbar" type="search" placeholder="Search"> </div> </nav>

82 html navbar

1

如何判断浏览器是否支持<input type ='date'>

可能重复： HTML5类型检测和插件初始化 <input type=date> 应该使用（可选的）用户代理提供的datepicker创建输入，但是尚未得到广泛支持，因此我们使用的是jQuery UI Datepicker。我们如何允许浏览器使用自己的日期选择器，并且仅当浏览器没有这种东西时才使用jQuery UI？目前，我认为只有Opera内置了日期选择器，但是对Opera的测试显然是不好的。有没有一种方法可以检测到此功能（如果可以通过便携式方式检测到）？

82 javascript html

5

jQuery和HTML FormData返回“未捕获的TypeError：非法调用”

我正在使用此脚本上传我的图像文件：http : //jsfiddle.net/eHmSr/ $('.uploader input:file').on('change', function() { $this = $(this); $('.alert').remove(); $.each($this[0].files, function(key, file) { $('.files').append('<li>' + file.name + '</li>'); data = new FormData(); data.append(file.name, file); $.ajax({ url: $('.uploader').attr('action'), type: 'POST', dataType: 'json', data: data }); }); }); 但是，当我单击“上传”按钮时，JavaScript控制台将返回以下错误： Uncaught TypeError: Illegal invocation 你能帮助我吗？

82 jquery ajax html upload

5

输入标签内的HTML名称属性允许使用哪些字符？

我有一个将<input>动态生成s的PHP脚本，所以我想知道是否需要过滤name属性中的任何字符。我知道名称必须以字母开头，但是我不知道其他任何规则。我认为必须允许使用方括号，因为PHP使用方括号从表单数据创建数组。括号呢？空格？

82 html forms web-standards html-input

2

文本区域下的额外空间，随浏览器而异

在textarea标签下有一些额外的空间。在不同的浏览器中为1到4像素。标记非常简单： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> body { margin: 0; padding: 0; } .main { background-color: red; } textarea { background-color: gray; resize: none; margin: 0; border: 0 none; padding: 10px; height: 50px; overflow: hidden; } </style> </head> <body> <div class="main"> <textarea></textarea> </div> </body> …

82 html css cross-browser whitespace removing-whitespace

2

高度：100％或最小高度：100％用于html和body元素？

在设计布局时，我将html, body元素设置为height，100%但是在某些情况下，这失败了，那么应该使用什么？ html, body { height: 100%; } 要么 html, body { min-height: 100%; } 嗯，这不是基于观点的，因为每种方法都有其自身的缺陷，那么推荐的方法是什么？为什么？

82 html css

5

文本对齐：在<select>或<option>上

有谁知道是否有可能将文本对齐到WebKit中一个<select>或更具体的<option>元素的右边。这不必是包括IE的跨浏览器解决方案，但如果可能的话，应该是纯CSS。我都尝试过： select { text-align: right }和option { text-align: right }，但似乎都无法在WebKit中使用（Chrome，Safari或Mobile Safari。任何帮助表示感谢！

82 html css webkit

3

XPath ::获得关注的兄弟姐妹

我有以下HTML结构：我正在尝试构建一种可靠的方法来提取第二个颜色摘要元素，因为DOM中将包含许多此类标记。 <table> <tbody> <tr bgcolor="#AAAAAA"> <tr> <tr> <tr> <tr> <td>Color Digest </td> <td>AgArAQICGQMVBBwTIRQHIwg0GUMURAZTBWQJcwV0AoEDAQ </td> </tr> <tr> <td>Color Digest </td> <td>2,43,2,25,21,28,0,0,0,0,0,0,0,0,0,0,0,0,0,0,33,7,0,0,0,0,0,0,0,0,0,0,0,0,0,0,8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,25,0,0,0,0,0,0,0,0,0,0,0,0,0,0,20,6,0,0,0,0,0,0,0,0,0,0,0,0,0,0,5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,9,0,0,0,0,0,0,0,0,0,0,0,0,0,0,5,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, </td> </tr> </tbody> </table> 我正在尝试提取具有解码值的第二个“ Color Digest” td元素。我写了下面的xpath，但是没有得到第二个，我没有得到第二个td元素。 //td[text() = ' Color Digest ']/following-sibling::td[2] 当我将其从td [2]更改为td [1]时，我得到了两个元素。

82 html xpath siblings scraper

8

Angular2中的（keyup）选项有哪些？

释放Enter键时，以下内容非常有用。除了，还有哪些其他选项可用？keyupkeyup.enter <input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>

82 javascript html onkeyup angular

5

jQuery click事件在添加方法后不起作用

所以我有这个按钮，它向表中添加了新行，但是我的问题是，.new_participant_form在执行append方法之后，它不再侦听click事件。 http://jsfiddle.net/cTEFG/ 单击添加新条目，然后单击表单名称。 $('#add_new_participant').click(function() { var first_name = $('#f_name_participant').val(); var last_name = $('#l_name_participant').val(); var role = $('#new_participant_role option:selected').text(); var email = $('#email_participant').val(); $('#registered_participants').append('<tr><td><a href="#" class="new_participant_form">Participant Registration</a></td><td>'+first_name+ ' '+last_name+'</td><td>'+role+'</td><td>0% done</td></tr>'); }); $('.new_participant_form').click(function() { var $td = $(this).closest('tr').children('td'); var part_name = $td.eq(1).text(); alert(part_name); }); }); 的HTML <table id="registered_participants" class="tablesorter"> <thead> <tr> <th>Form</th> …

82 jquery html

5

我的内联块元素未正确排列

内的所有元素.track-container应并排且整齐并排，并受到200px高度的限制，并且没有奇怪的边距或填充。相反，您会遇到上述小提琴中出现的陌生感。是什么原因造成.album-artwork，并.track-info得到中途按下页面，我怎么能解决这个问题？另外，我承认表可能是解决整个设置的更好方法，但是我想从上面的代码中找出问题，以便我可以从这个错误中学习。 .track-container { padding:0; width: 600px; height: 200px; border: 1px solid black; list-style-type: none; margin-bottom: 10px; } .position-data { overflow: none; display: inline-block; width: 12.5%; height: 200px; margin: 0; padding: 0; border: 1px solid black; } .current-position, .position-movement { height: 100px; width: 100%; margin: 0; padding: 0; border: 1px …

82 html css

11

HTML组合框，带有用于键入条目的选项

我的印象是，除了选择列表中已经存在的任何值之外，您还可以键入一个组合框。但是，我似乎找不到有关如何执行此操作的信息。我需要添加一个属性以允许输入文本吗？

82 html combobox

Questions tagged «html»