如何创建自定义输入文本元素，以将图像与文本结合在一起？
基本上，这些图像是从CDN加载的图释。
澄清：
我希望实现的是<input type="text" />元素，该元素可能包含图像作为输入的一部分。
我有一个用于菜单的无序列表。 每个项目都有一个背景图像和一个：hover图像。 第一个元素上的背景图像与其余元素不同，因此我使用以下样式进行设置，效果很好：
#prodNavBar ul:last-child li:first-child {...}
由于我也希望在该元素上添加一个翻转图片，因此我尝试添加:first-child，如下所示：
#prodNavBar ul:last-child li:first-child:hover {...}
...但这是行不通的。 :first-child和:hover相结合的语法是什么？
我很高兴将Windows 8 Metro应用程序替换为Chrome打包的应用程序。 目前，它需要模仿Metro应用的外观。 主页包含水平排列的多个Web视图，并可能进行大量的水平滚动。 尝试使用触摸设备水平滚动时遇到问题。 如果滚动手势在Web视图上开始，则表示正在捕获滚动事件并阻止主机滚动。 溢出在所有Web视图上均被隐藏。 由于它们构成了页面上大部分内容，因此主机的有效滚动目标受到限制。
Webview的内容是交互式的，因此我无法在可滚动内容上放置透明的覆盖层来捕获事件，至少没有某种方法可以将点击/触摸传播到WebView本身。
关于如何实现的任何想法？
谢谢你的帮助！
我有一个带有段落和标题的文本容器。 我想在页面底部将图像浮动到页面右侧，而文字环绕图像。 图像的底部应与最后一段的底部齐平。
页面宽度是可变的（响应），但是图像尺寸是固定的。 是否可以在HTML和CSS中完成此操作（CSS3很好）？ 如果没有，可以用最少的Javascript完成吗？
这是我要完成的示意性示例：
HTML当前看起来像这样，但是可以根据需要进行更改。 我并不特别在意图像在文档中的位置。 使用背景图像也可以。
<section>
<h2>...</h2>
<p>... ...</p>
<p>... ...</p>
...
<img src="...">
</section>
当我在图像上设置float: right时，它向右浮动，但是我无法使其与页面底部对齐。 有什么建议吗？
编辑：我最接近的是这个... :-)
我已使用标签嵌入pdf文件。
<iframe id="iframepdf" src="files/example.pdf"></iframe>
在Chrome，IE8 +，Firefox等环境中，此方法运行良好，但是由于某些原因，当某些人在IE8中查看该文件时，文件是下载而不是嵌入的。 我知道该浏览器已经过时，但这是我办公室中的标准浏览器，因此，必须为此设计网站。
是否有人对为什么发生这种情况有任何想法，如何解决它，或者发出错误消息而不是让文件下载？
这是我可以找到的唯一一个调整表列宽度大小的jQuery插件，但是它与我的表的集成度不高，并且具有不必要的膨胀（节省cookie）。 还有其他用于调整列大小的插件吗？ （不是datagrid插件，请不要建议那些插件）。
如果没有，我会自己写，应该不会太难，我只是不知道如何检测用户何时单击td边框（以调整大小）。 有任何想法吗？
有HTML标记，例如<img />、<input />和<button />，它们不需要结束标记（</img>、</input>和</button>）。 描述这种标签的术语是什么？
托管我们网站的公司会在部署之前检查我们的代码-他们最近告诉我们：
HTML字符串绝对不能直接操作，因为这可以打开我们的大门。 潜在的XSS孔。 相反，请始终使用DOM API创建 元素...可以是jQuery或直接DOM API。
例如，代替
this.html.push( '<a class="quiz-au" data-src="' + this.au + '"><span class="quiz-au-icon"></span>Click to play</a>' );
他们告诉我们要做
var quizAuLink = $( 'a' );
quizAuLink.addClass( 'quiz-au' );
quizAuLink.data( 'src', this.au );
quizAu.text( 'Click to play' );
quizAu.prepend( '<span class="quiz-au-icon"></span>' );
这是真的吗？ 谁能给我们一个XSS攻击的例子，它可以像第一个一样利用HTML字符串？
我通常使用：<html lang="lang1 lang2">。
但是，我正在一个使用两种语言的网站上工作，有时将它们混合在同一句子或标题中。
在这种情况下，上面的代码将如何显示？ 我可以使用<html lang="lang1 lang2">吗？
我正在尝试提取锚标记的属性（<a>）。 到目前为止，我有这个表达：
(?<name>\b\w+\b)\s*=\s*("(?<value>[^"]*)"|'(?<value>[^']*)'|(?<value>[^"'<> \s]+)\s*)+
适用于像
<a href="test.html" class="xyz">
和（单引号）
<a href='test.html' class="xyz">
但不适用于不带引号的字符串：
<a href=test.html class=xyz>
如何修改我的正则表达式，使其与不带引号的属性一起使用？ 还是有更好的方法做到这一点？
更新：到目前为止，感谢您的所有宝贵意见和建议。 我没有提到一件事：可悲的是我必须修补/修改不是由我编写的代码。 而且没有时间/金钱从头开始重写这些东西。
我正在为网格使用以下HTML标记。
<section class="grid">
<article class="grid-item width-2x height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x">....</article>
<article class="grid-item height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x height-2x">....</article>
</section>
SCSS代码如下所示：
.grid {
display: grid;
grid-template-columns: repeat( 4, 1fr );
grid-gap: 30px;
align-items: start;
.grid-item {
&.height-2x {
grid-row: span 2;
}
&.width-2x {
grid-column: span 2;
}
}
}
由于我在工作流程中使用自动前缀，因此会自动添加所有相关属性，并添加<section class="grid">
<article class="grid-item width-2x height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x">....</article>
<article class="grid-item height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x height-2x">....</article>
</section>前缀。 我可以通过检查元素确认。
现在，问题是此代码在Chrome，Firefox和Opera中运行正常，但是当我在Microsoft Edge或IE 11中打开此页面时，所有网格项在第一个单元格处都相互重叠。 根据此站点，这些浏览器支持带有<section class="grid">
<article class="grid-item width-2x height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x">....</article>
<article class="grid-item height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x height-2x">....</article>
</section>前缀的CSS网格布局。 我已经为这种情况创建了一个CodePen。
CodePen链接
为什么不起作用？
<section class="grid">
<article class="grid-item width-2x height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x">....</article>
<article class="grid-item height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x height-2x">....</article>
</section><section class="grid">
<article class="grid-item width-2x height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x">....</article>
<article class="grid-item height-2x">....</article>
<article class="grid-item">....</article>
<article class="grid-item">....</article>
<article class="grid-item width-2x height-2x">....</article>
</section>我正在运行Mac OS，因此我无法真正确定Windows计算机上是否出现了这种效果，因此对于您看不到这种效果，我深表歉意。
输入和文本字段在聚焦时似乎有一个蓝色矩形，至少在Firefox和Mac上是Chrome。 我在网站上具有自定义焦点效果，我想知道是否可以避免显示此默认选择行为。 Google避免在他们的网站上使用它。 我尽力为Google的输入框获取“有效”的CSS样式，并将其应用于我的CSS对象。 但是，它仍然显示蓝色矩形。 我不确定自己在用哪种巫毒教Google，但在我看来，它既不是HTML也不是CSS属性。 有人知道如何避免这种影响吗？ 谢谢！
-楠格哈尔省苏克罗德地区的路透社记者说，袭击发生了，村民说，阿富汗警察向人群开枪，其中一些人开始向当地政府大楼扔石头。
在上面的段落中，我想使用CSS来使第一行之后的所有行自动缩进一些空间，以使每一行都保持在第一行中的-之后。
的HTML
<p> - A Reuters reporter in Surkhrod district in Nangarhar province, where
villagers said the raids took place, said Afghan police fired at the crowd
after some of them started throwing stones at local government buildings.</p>
它类似于将列表位置设置为外部的列表项，但是我不想使用列表。
您能想到的最简单的方法是什么？ 更少的额外html标记会更好。
非常感谢你们。
我试图在页面上创建两个按钮。 我想在服务器上执行每个不同的python脚本。 到目前为止，我仅设法使用
def contact():
form = ContactForm()
if request.method == 'POST':
return 'Form posted.'
elif request.method == 'GET':
return render_template('contact.html', form=form)
我需要根据按下的按钮进行哪些更改？
我将以下标记作为Razor视图的一部分：
<table>
<caption>Presidents</caption>
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Born</th>
<th scope="col">Died</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Washington</th>
<td>1732</td>
<td>1799</td>
</tr>
<!-- etc -->
</tbody>
</table>
通过将“用于验证的目标架构”设置为HTML5，Visual Studio会抱怨：
警告1验证（HTML5）：元素“ th”不得嵌套在元素“ tbody tfoot”内。
这是真的吗？ 如果是这样，有人可以链接到该规范吗？
我的理解是，将<th>用于行标题不仅合法，而且值得鼓励。 这看起来确实很普遍，我可以链接数十个教程（似乎很明智）来说明它有助于辅助功能。
这是VS错误吗？ HTML5带来了真正的变化（好还是坏？）？ 发生了什么？
仅搜索适用于iOS Safari的解决方案
当使用-webkit-overflow-scrolling: touch时，它将中断iOS上的3d透视图。
请参阅CodePen上的演示。
的HTML
<div class="pers">
<div class="scroll">
<div class="el">
</div>
</div>
</div>
的CSS
.pers {perspective:300px;}
.scroll {overflow-y:scroll;-webkit-overflow-scrolling:touch; height:100vh;}
.el {-webkit-transform:rotateX(80deg);transform:rotateX(80deg);}
有解决方法吗？
目前，我在同一行上有一个段落标题和一个图像：
<div class="paragraphs">
<div class="row">
<div class="span4">
<div class="content-heading"><h3>Experience   </h3><img src="../site/img/success32.png"/></div>
<p>Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
</div>
</div>
效果很好-内容标题和图像在同一行上。 但是，当我将图像放在内容标题div之前时，它们不再位于同一行。 这是我想在同一行上实现的-图像然后是内容标题。
求助-使用©代替©
不言自明：
body:after {
content: "© me";
/* other formatting */
}
在HTML中，©序列插入版权字符。 可以像我在这里一样在CSS伪元素中完成此操作吗？
[HTTP://Twitter.GitHub.com/bootstrap/巴塞-CSS.HTML]
查看所有示例元素，例如h1、inputs/forms/elements/etc、h3、inputs等吗？
我正在寻找一个简单的网页，上面有每个Bootstrap inputs/forms/elements/etc，仅此而已。
然后，我可以让我们的设计师使用自己的样式来修改基本CSS文件，并可以刷新资产页面以查看他的所有更改以及整个样式指南的形成方式。
这对于我们的团队和客户来说都是非常有帮助的，因此他可以在一个合并的页面上看到我们整个的“外观”。
这样的页面存在于任何地方吗？
我应该以哪种格式输入日期和时间，以用于datetime类型的HTML5输入元素？
我试过了：
2012-06-01 19:31:002012-06-01 19:31:002012-06-01 19:31:002012-06-01 19:31:002012-06-01 19:31:002012-06-01 19:31:00他们似乎都不起作用。