草庐IT

form-inline

全部标签

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")会为

php - 使用 :hover for an element's inline style (using HTML/CSS/php)

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicates:HowdoIembedan“a:hover{…}”ruleintoastyleattributeinthemiddleofadocument?Howtowritea:hoverininlineCSS?我想动态更改元素的悬停颜色,但不使用外部CSS样式表,只能内联。这是代码(使用php生成元素)echo''.$contents.'';当用户将鼠标悬停在该容器元素上时,颜色样式将更改为$color的值(此时没有悬停)。如有任何帮助,我们将不胜感激。

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

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

html - 组合显示 :inline-block with clear:both not vertically stacking divs

我有一些如下所示的HTML:thisissometextinline-blockwithclearthisissomeothertextinline-blockbutnotclearingCSS看起来像这样:.TheContainer{margin:20px20px;background:red;}.TheData{display:inline-block;clear:both;background:yellow;padding:5px5px;margin:10px10px;}我正在使用inline-block以便TheDatadiv很好地环绕它们的内容,而不是扩展TheContain

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 - "display: inline-flex"的元素有一个奇怪的上边距

我有两个div元素,它们都具有CSS属性display:inline-flex,因为我想将它们放在一起。起初,div的位置似乎正确。.userImg{height:3em;width:3em;background:red;display:inline-flex;}.nameOfUser{display:inline-flex;height:3em;width:10em;background:blue;}但是,一旦我在nameOfUserdiv中放置了一些文本,它似乎创建了一些奇怪的上边距,这使得两个div元素彼此未对齐..userImg{height:3em;width:3em;bac

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"具有固定宽度,具体取决于