Tag: html

为什么这个简单的JSFiddle不起作用？: 有一些我想放入JSFiddle的代码。它没有工作。缩小它我甚至不能得到这个最简单的代码工作：的jsfiddle function displaymessage() { alert("Hello World!"); } <form> <input type="button" value="Click me!" onclick="displaymessage()" /> </form> <p>By pressing the button above, a function will be called. The function will alert a message.</p> alert框不显示在JSFiddle中。

在每行文本的开头和结尾添加填充: 我有一个跨越多行，并具有背景色。我需要每一行最后都有一个10px的填充。文本将是dynamic的，所以我需要一个CSS或JS解决scheme，而不是只是用nbsp标签黑客（这是我如何得到下面的例子）图片显示了我有什么和我想要的区别： <h3><span class="heading">THE NEXT GENERATION OF CREATIVE TALENT</span><br/> <span class="subhead">IT'S RIGHT HERE</span></h3> h3 { margin:0; font-size: 42px;} h3 .heading { background-color: #000; color: #00a3d0;} h3 .subhead { background-color: #00a3d0; color: #000;} 我不能想办法用CSS来做到这一点，我正在考虑使用JavaScript来find每一行的开始和结束，并添加一个不间断的空间。有没有人有任何想法如何实现这一目标？干杯

刷新页面并保持滚动位置: 有人能告诉我我做错了什么吗？我需要我的页面刷新一段时间后，但它刷新页面的顶部，我需要它不改变页面的位置！所以这是我现在不工作的元标记？这里是我还没有不刷新一定是做错了什么？这是我原来的… <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="refresh" content="72"> <meta http-equiv="Pragma" CONTENT="no-cache"> <meta http-equiv="Expires" CONTENT="-1"> <style type="text/css"> body { background-image: url('../Images/Black-BackGround.gif'); background-repeat: repeat; } </style> </head> <script type="text/javascript"> function saveScrollPositions(theForm) { if(theForm) { var scrolly = typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement.scrollTop; var scrollx = typeof […]

选项卡上的索引: 请参阅下面的表单HTML代码 <form method="post" action="register"> <div class="email"> Email <input type="text" tabindex="1" id="email" value="" name="email"> </div> </div> <div class="agreement"> <div tabindex="2" class="terms_radio"> <div onclick="changeTerm(this);" class="radio" id="terms_radio_wrapper" style="background-position: left 0pt;"> <input type="radio" id="terms" value="1" name="terms"><label for="terms">I have read and understood the</label> </div> </div> </div> <div class="form_submit"> <input type="button" tabindex="3" value="Cancel" name="cancel"> <input type="submit" tabindex="4" value="Submit" name="submit"> </div> </form> […]

在contenteditable div中replaceinnerHTML: 我需要在contenteditable div中实现突出显示的数字（将来我会添加更复杂的规则）。问题是，当我插入新的内容与JavaScriptreplace，DOM的变化和contenteditable div失去了重点。我需要的是在目前的位置上注意div与脱字符号，所以用户可以input没有任何问题，我的function简单地突出显示数字。谷歌search我决定Rangy图书馆是最好的解决scheme。我有以下代码： function formatText() { var savedSel = rangy.saveSelection(); el = document.getElementById('pad'); el.innerHTML = el.innerHTML.replace(/(<([^>]+)>)/ig,""); el.innerHTML = el.innerHTML.replace(/([0-9])/ig,"<font color='red'>$1</font>"); rangy.restoreSelection(savedSel); } <div contenteditable="true" id="pad" onkeyup="formatText();"></div> 问题是function结束后工作重点回到div，但是caret总是指向div开始，我可以在任何地方input，exe开始。此外console.logtypes以下Rangy warning: Module SaveRestore: Marker element has been removed. Cannot restore selection. Rangy warning: Module SaveRestore: Marker element has been removed. Cannot restore selection. […]

非常简单，非常stream畅的JavaScript字幕: 我试图find一个非常简单，平滑，轻量级的JavaScript或jQuery的选框。我已经尝试过丝绸或者其他的东西，但是它不适用于我正在使用的应用程序。所以越简单，越简单，越容易debugging。有谁知道一个容易实现的字幕replace的JavaScript？引擎收录码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script type="text/javascript"> var tWidth='300px'; // width (in pixels) var tHeight='25px'; // height (in pixels) var tcolour='#ffffcc'; // background colour: var moStop=true; // pause on mouseover (true or false) var fontfamily = 'arial,sans-serif'; // font for content […]

如何解决PHP错误'注意：数组到string转换在…': 我有一个PHP文件，试图回显$_POST ，我得到一个错误，这里是代码： echo "<html>"; echo "<body>"; for($i=0; $i<5;$i++){ echo "<input name='C[]' value='$Texting[$i]' " . "style='background-color:#D0A9F5;'></input>"; } echo "</body>"; echo "</html>"; echo '<input type="submit" value="Save The Table" name="G"></input>' 这里是回显POST的代码。 if(!empty($_POST['G'])){ echo $_POST['C']; } 但是当代码运行时，我得到一个错误，如： Notice: Array to string conversion in C:\xampp\htdocs\PHIS\FinalSubmissionOfTheFormPHP.php on line 8 这个错误是什么意思，我该如何解决？

如何检测何时取消文件input点击？: 如何检测用户何时使用html文件input取消文件input？ onChange让我检测到他们select文件的时间，但是我也想知道他们什么时候取消（closures文件select对话框而不select任何东西）。

如何在HTMLdateinput标签中设置date格式？: 我想知道是否有可能在html <input type="date"></input>标签中设置date格式…目前它是yyyy-mm-dd，而我需要在dd-mm- yyyy格式。

而不是使用前缀，我想问网站访问者升级他们的浏览器: 我正在使用CSS flexbox重build网站。在检查浏览器兼容性时，我发现所有现代浏览器都支持flexbox，只是Safari 8和IE 10需要厂商前缀。在检查Google Analytics（分析）时，我发现过去6个月中有96％的网站访问者使用完全支持flexbox的浏览器。剩下的4％使用需要前缀或不提供支持的浏览器。由于我们正在谈论4％的用户，而且这个数字会越来越小（我希望尽可能保持我的代码清洁和简单），所以我正考虑不使用前缀，而是要求用户升级浏览器。我如何定位旧版浏览器，以向用户显示一条消息，要求他们更新浏览器？以下是我到目前为止： <!–[if IE]> <div class="browserupgrade"> <p>You are using an outdated browser. Please <a href="http://browsehappy.com/"> upgrade your browser</a> to improve your experience.</p> </div> <![endif]–> 这个IE浏览器条件注释涵盖IE版本6,7,8和9。这些访客将通过链接下载当前浏览器。但是，微软从IE10开始停止了对条件注释的支持。现在我需要类似的东西： IE 10 Safari 7-8 Opera Mini <8 适用于Android的UC浏览器 Android浏览器<4.4 有一个简单的JS / jQuery脚本来处理这个工作？还是另一种轻量级的方法解感谢所有的答案。 […]