Tag: html

如何以编程方式更改控件自身更改事件中的select框select，并使其在移动浏览器中可用: 考虑以下简化的HTML和jQuery代码： <select id="select1"> <option value="10">10</option> <option value="5">5</option> <option selected="selected" value="1">1</option> </select> $('#select1').change(function () { if ($('#select1').val() > 5) { $('#select1').val(1); alert("Select set to 1"); } }); 小提琴如果用户从select控件中select10，则从控件自己的更改事件中重置为1。这适用于我的台式机上的浏览器，但不适用于iPhone或iPad上的Chrome或Safari。（实际上，在移动浏览器中，select设置为1，然后返回到10）基本上，我试图限制用户在特定条件下可以select的内容。有没有一种方法可以从自己的更改事件中重置select控件上的选项，并使其在移动浏览器中工作？

为什么margin-top与inline-block一起工作，而不是inline？: 在下面的代码中，我试图让h1元素有一个上边距。当我在css中设置内联的位置时，margin-top不显示。但是当我把它改为内联块时，它就是这样。我想知道是否有人可以解释为什么这是事实。谢谢。编辑：这是jsfiddle中的代码： http : //jsfiddle.net/pjPdE/ 这是我的HTML： <!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="MyFirstWebsite.css"> <title> Max Pleaner's First Website </title> </head> <body> <h1>Welcome to my site.</h1> </body> </html> 这里是CSS body { background-image:url('sharks.jpg'); } h1 { background-color:#1C0245; display:inline; padding: 6.5px 7.6px; margin-left:100px; margin-top:25px; }

如何使用CSS制作一个曲线边六angular形: 这是我的CSS。 CSS #hexagon-circle { width: 100px; height: 55px; background: red; position: relative; border-radius: 10px;} #hexagon-circle:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 29px solid red; border-radius: 10px;} #hexagon-circle:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: […]

邮寄提交button: 是否有可能实现mailto:提交button上的function，如<input type="submit" /> ？我使用ASP.NET MVC。也许有一些棘手的控制器行动结果来实现这一点。你可以帮我吗？ PS我知道我可以让锚点看起来像一个button。

为什么JQuery只影响第一个div元素？: 我正在使用“replace”function删除一个div中的所有非数字值。看来Jqueryreplace只影响第一个元素。这里是我的JQuery： $('#comment').each(function() { var thz = $(this); var repl = thz.html(thz.html().replace(/\D+/g, '')); }); HTML代码： <a id="comment1" href="#"> c2fđf011. </a> <a id="comment1" href="#"> c20ff113. </a> <a id="comment1" href="#"> c201gf76341. </a> 结果： 2011年c20ff113。 c201gf76341。我想要的结果是： 2011 20113 20176341

这个HTML结构是否有效？ UL> DIV> {LI，LI}，DIV> {LI，LI}，DIV> {LI，LI}: 这个HTML结构是否有效？ <ul class="blog-category"> <div class="three column"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </div> <div class="three column"> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </div> <div class="three column"> <li>Item 7</li> <li>Item 8</li> <li>Item 9</li> </div> </ul> 我在里面插入里面的div。你怎么看？这个结构在语义上是否有效，是否会被认为是一个单一的列表？

垂直滚动条出现时，如何停止我的Web内容左移？总结2017年的build议: 许多程序员已经询问如何在垂直滚动条出现时停止其网页内容（特别是其居中的网页内容（ margin: 0 auto; ））。对于像我这样使用隐藏的div和制表符来组织数据的Ajax用户来说，这一直是个问题。当前显示的页面发生变化时，会出现问题，使得显示的材料的高度（内部窗口高度）突然大于物理窗口高度。所有的滚动条并非一律平等的现实加剧了这个问题。不同的浏览器给他们的滚动条不同的宽度，这种差异不能（至less不应该）被预测。总之，理想的解决scheme是独立于滚动条宽度。因此，这是一个自我回答的问题，在2017年8月5日之前，将所有这些答案和有用的评论（如果可能）以及我自己的解决scheme汇总成一个答案。我已经标记为重复的以前的问题，我可以find，让人们可以find一个全面的讨论这个问题。请注意，这个答案解决了BODY内容转移的问题。如果你有一个固定高度的DIV有移位问题，你应该把DIV的宽度设置为一个固定的（ px ）宽度，这样它的滚动条浮在文本上方，并添加一些右边的填充以防止文本掉落下来。贡献者： Hashbrown ， Avrahamcool ， Edward Newsome

PHP – 使用login系统保护仅限会员的页面: 你好，我已经被我写的PHP代码难住了。我盯着这几个小时没有成功，请帮助find我显然已经过去的任何错误。我想要这个脚本是从一个HTML表单页面，查询数据库表（'用户'），以确保他们的密码和用户名是正确的，然后在一个单独的表（'令牌'）插入随机令牌（方法，我以前使用，它的工作）到“tk”列，和用户一般authentication。代码从“用户”表中拖到“标记”表中的“gauth”列。额外的一般authentication的原因是，我可以拉他们的用户名，并显示在我所计划的“保护” 对不起，如果我很困惑，这是我可以改进的最好的。另外，我不擅长格式:)。以后我会添加一些html，这就是为什么标签在那里。 MySQL表格：用户示例： cols: username | password | email | classcode | tcode | genralauth | hello | world | hello.world@gmail.com | 374568536 | somthin | 8945784953 | 令牌示例： cols: gauth | tk | 3946893485 |wr8ugj5ne24utb| PHP： <html> <?php session_start(); error_reporting(0); $servername = "localhost"; $username = "——-"; […]

试图让多个背景图像循环通过CSS和JQUERY的幻灯片: 我已经在一个div中放置了三个背景图片。我试图让所有三个人都在一个淡入淡出的计时器上循环。我在这里发现了类似的问题，但我无法让他们工作。无论如何，这是相关的代码： HTML <div id="slideshow"> </div> CSS #slideshow{ position:relative; top:0; width:100%; height:635px; background: url("car4.jpg"), url("city.jpg"), url("host3.jpg"); background-repeat:no-repeat; background-size:100%; } 我希望在CSS做到这一点，但我猜这需要JQUERY ; 我没有太多的经验，但没关系。我真的很感激任何帮助。让我知道，如果我可以给你任何更多的信息。谢谢。 ***我试过cssanimation，但没有得到结果。以下是我将其更改为： #slideshow{ position:relative; top:0; width:100%; height:635px; background:url("car4.jpg"); background-repeat:no-repeat; background-size:100%; animation-name: one; animation-duration: 4s; } @keyframes one { from {background: url("car4.jpg");} to {background: url("city.jpg");} } 这看起来是正确的，但它仍然只显示原始图像“car4.jpg”谢谢