草庐IT

$form-render

全部标签

javascript - 如何将 bootstrap glow(在 'form-control' CSS 类中使用)放在 div 上?

我有一个包含多个div的网页,它就像用户的通知框一样工作。我想要的是,当用户将其鼠标箭头放在通知框内(将鼠标悬停在div上)以显示此div上的发光时,就像上面的输入文本在您单击时提供的那样在上面。当用户退出此div区域时,发光必须消失。我该怎么做?编辑:我的问题似乎与另一篇文章的问题相同,但事实并非如此!我想在div上添加与文本输入相同的效果(相同的颜色,相同的阴影效果)。.pbox{border:1pxsolid;width:150px;height:100px;display:table-cell;text-align:center;vertical-align:middle;}

javascript - 检测对 HTML5 <input form =""> 属性的支持

如何检查浏览器是否支持input元素上的HTML5form属性?正在关注thisquestion,我尝试了以下方法:varsupportForm=function(){varinput=document.createElement("input");if("form"ininput){input.setAttribute("form","12345");if(input.form=="12345")returntrue;}returnfalse;}...但这对FireFox(至少14)给出了错误的否定。将input.form替换为input.getAttribute("form")会为

html - Chrome 不呈现 <form> 标签,FF 会

我有一个非常烦人的问题。我的网站有一个表单,可以在Firefox中使用,但不能在IE或Chrome中使用。它是用GravityFormsforWordPress制作的,但这可能与问题无关,因为另一个表单插件也出现了同样的问题。看来错误出在我的网站上。这很简单:Chrome和IE不呈现标签。它完全从DOM中消失了。Firefox很好,表单有效。我检查了Chrome的调试器,它就是不存在!这可能是什么原因?我检查了打字错误之类的东西,那里什么也没有。无法真正向您展示该网站,它位于VPN后面。非常感谢任何帮助。亲切的问候,驯鹿编辑:需要说明的是,表单呈现在屏幕上,只是在DOM中不可见。这样做

html - 为什么显示: block and display: flex render the same element with a different height?

所以我有一个内部有span的div。我在div上设置display:block或display:flex,在span上设置小字体。令人惊讶的是,这在div上给出了不同的高度。请参阅示例。如果我在body或div上设置较小的字体大小,则两者的高度相等。但是,如果我像示例中那样在span上设置较小的字体大小,则div会获得不同的高度。怎么来的?我能做些什么吗?span{font-size:0.8rem;border:1pxredsolid;}div{border:1pxbluesolid;}testtext1testtext2 最佳答案

html - Bootstrap 3 : Two forms on the same line

我制作了两张表格用于注册。当我将下面的代码添加到页面时,第二个字段会自动下降到第一个字段下方。我希望它除此之外。Register这是一个在普通html(currently)中的示例,这就是我希望它看起来的样子。但是在Bootstrap中它不断地换行 最佳答案 引用inlineformstyling在Bootstrap的网站上。EmailaddressPassword或者,您也可以usecolumns将表单元素并排放置: 关于html-Bootstrap3:Twoformsonthesam

javascript - 使用 Javascript 从 html FORM 发送发布数据?

我正在尝试使用空操作从中发送发布数据,并使用javascript将信息发送到必须处理发布信息的文件。这是我的代码:functionpost_to_url(path,params,method){method=method||"post";varform=document.createElement("form");form._submit_function_=form.submit;form.setAttribute("method",method);form.setAttribute("action",path);for(varkeyinparams){varhiddenField=

javascript - 如何制作伪类:invalid apply to an input AFTER submitting a form

我已经创建了一个表单,并决定只使用HTML5和一些JS来验证它,而不需要任何额外的插件。所以我所有需要的输入都有required属性。这是使它们看起来不错的CSSinput:invalid{border:2pxsolid#c15f5f}它将invalid输入的边框设置为红色,即使它们尚未被触及。如何在点击提交按钮后应用input:invalid以及错误消息? 最佳答案 您可以在单击提交按钮时向表单添加一个类,并调整您的CSS选择器,使其仅匹配已提交表单中的输入字段:document.getElementById("submitBut

html - last-child :after not rendering in Chrome? 伪元素使用问题?

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。我遇到了一个只有Chrome的问题(在FF和Safari中工作正常,不用担心IE)这让我想知道这是不是一个错误,如果我使用伪元素不正确,或者如果你'我们不应该组合伪类和伪元素。发生的事情是Chrome似乎在last-child:after规则中看到了content="-";,但没有呈现它。如果我打开开发人员工具并摆弄一些属性(例如打开和关闭边距),它会突

html - Bootstrap + form group inside a form horizo​​ntal 提供水平滚动条

我正在使用最新的Bootstrap。我有一个表单(class="form-horizo​​ntal"),我在里面添加了一个类为“form-group”的div,结果给出了一个水平滚动条。我使用来自Bootstrap网站的相同代码在JSfiddle中创建了一个示例。你可以在这里更好地看到它:http://jsfiddle.net/SergioKastro/q4pq08rc/如何停止显示水平滚动条?Email 最佳答案 将您的代码放在中或.Email你body里的一切都应该被包裹在一个中或."container"具有固定宽度,具体取决于

javascript - 不使用 FORM 重置 INPUT

我有INPUT元素,我想重置以前的值(不需要原始值)。有两种方式:将值保存在另一个变量中并再次拉出按ESC键。但我不希望用户按下ESC键而是单击一个按钮。那么对于#2,我如何使用jquery创建ESC击键? 最佳答案 这是一个SSCCE:SOquestion2079185$(document).ready(function(){$(':input.remember').each(function(){$(this).attr('data-remember',$(this).val());});$('button.reset').cl