Tag: html

HTML表单上的多个提交button – 默认指定一个button: 我有一个表单有三个提交button，如下所示： <input type="submit" name="COMMAND" value="&lsaquo; Prev"> <input type="submit" name="COMMAND" value="Save"> <input type="reset" name="NOTHING" value="Reset"> <input type="submit" name="COMMAND" value="Next &rsaquo;"> <input type="button" name="NOTHING" value="Skip &rsaquo;" onclick="location = 'yada-yada.asp';"> 这排button是提交，重置和JavaScriptbutton的混合。 button顺序可能会改变，但无论如何保存button保持在prev和nextbutton之间。这里的问题是当用户点击“enter”提交表单时，postvariables“COMMAND”包含“Prev”; 正常，因为这是表单上的第一个提交button。然而，我希望当用户通过inputbutton提交表单时触发“下一步”button。有点像把它设置为默认的提交button，即使它之前有其他button。

浏览器不能缩放到400像素以下？: 我正在制定一个液体样式表，它的工作很棒。有一件事我注意到，Chrome中的浏览器窗口不会调整到400像素以下，它只是在那里停留，而在FF中，我缩小它只停在400px左右，然后popup一个水平滚动条。当我在手机上打开网站时，它看起来非常完美，大约在320px，所以我知道它的缩放比例低于400px。我很好奇，如果有人知道这是一个浏览器/桌面的事情，或者如果我应该看看比我的CSS以外的东西。我没有任何最小宽度的声明，所以我不知道是什么原因造成的。再次在桌面上它缩小到约400px的最小宽度，并停下来，但是当我打开它在我的手机上，它缩放到手机屏幕的大小约为320px …好奇为什么至less它赢了在桌面上缩小到320像素。 – 编辑 – 另外我不知道这是否重要，但Opera允许它减小到几乎没有…所以它适用于Opera，而不是铬或FF …任何想法？

将dropzone.js与其他字段集成到现有的HTML表单中: 我目前有一个HTML表单，用户可以填写他们希望发布的广告的详细信息。我现在想要能够添加一个dropzone上传图片的项目出售。我发现dropzone.js似乎做我需要的大部分。但是，在查看文档时，似乎需要将整个表单的类指定为“dropzone”（而不仅仅是input元素）。这意味着我的整个表单变成了dropzone。是否有可能在我的表单的一部分使用dropzone，即只通过指定元素作为类dropzone，而不是整个forms？我可以使用单独的表单，但我希望用户能够使用一个button来提交。或者，有另一个图书馆可以做到这一点？非常感谢

Angular.js ng-repeat跨越多个tr: 我正在使用Angular.js的应用程序，使用隐藏的trs模拟滑出效果，通过显示tr并滑动在下面的td div。当遍历这些行的数组时，这个过程使用了knockout.js，因为我可以在两个tr元素周围使用<!– ko:foreach –> 。使用angular度， ng-repeat必须应用于html元素，这意味着我似乎无法使用标准方法重复这些双行。我的第一个反应是创build一个指令来表示这些double trs，但是这只是因为指令模板必须有一个根元素，但是我有两个（ <tr></tr><tr></tr> ）。如果有任何有关ng-repeat和angular已经破解的经验的人可以解释如何解决这个问题，我会非常感激。（我也应该注意到，附加ng-repeat到tbody是一个选项，但是这会产生多个tbodys，而且我认为这对于标准的HTML来说是不好的forms，虽然如果我错了，那么纠正我）

Twitter的引导button文本的文字包装: 对于我的生活，我无法得到这些twitter引导button文本换行到多行，他们出现像这样。我无法发布图片，所以这是它在做什么… [这是butonton文本我希望看起来像 [这是] [button文字] <div class="col-lg-3"> <!– FIRST COL –> <div class="panel panel-default"> <div class="panel-body"> <h4>Posted on</h4> <p>22nd September 2013</p> <h4>Tags</h4> <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> <a href="#" class="btn btn-primary […]

CSS表格等宽: 我有一个表格容器内的不确定数量的表格单元格元素。 <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> 有没有一种纯CSS的方式来获得表格单元格是相等的宽度，即使他们有不同大小的内容？谢谢。编辑：有一个最大宽度将需要知道有多less单元格，我想？

Bootstrap权利移动视图顶部的列: 我有一个像这样的Bootstrap页面： <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> 好像： —– |A|B| —– 所以，如果我在移动设备上查看它，列A位于顶部，但我希望B位于顶部。这可能吗？我试了推拉，但没有奏效。

Flexbox不给与元素相同的宽度: 尝试flexbox导航，最多有5个项目，只有3，但它没有在所有元素之间平分宽度。小提琴我正在build模的教程是http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ 上海社会科学院 * { font-size:16px; } .tabs { max-width: 1010px; width:100%; height: 5rem; border-bottom:solid 1px grey; margin:0 0 0 6.5rem; display: table; table-layout:fixed; ul { margin:0; display: flex; flex-direction: row; li { flex-grow:1; list-style:none; text-align:center; font-size:1.313rem; background: blue; color: white; height: inherit; left:auto; vertical-align:top; text-align:left; padding:20px 20px 20px 70px; border-top-left-radius: 20px; border:solid 1px […]

如何在100％宽度div内水平居中放置绝对位置的元素？: 在下面的例子中， #logo是绝对定位的，我需要它在#header水平居中。通常情况下，我会做一个margin:0 auto为相对定位的元素，但我卡在这里。有人能告诉我方式吗？ JS小提琴： http : //jsfiddle.net/DeTJH/ HTML <div id="header"> <div id="logo"></div> </div> CSS #header { background:black; height:50px; width:100%; } #logo { background:red; height:50px; position:absolute; width:50px }