在查看大多数网站(包括SO)时,大多数网站使用:
<input type="button" />
Run Code Online (Sandbox Code Playgroud)
代替:
<button></button>
Run Code Online (Sandbox Code Playgroud)
<button>兼容性问题,看到它没有被广泛使用?我试图:after在input字段上使用CSS伪元素,但它不起作用.如果我使用它span,它可以正常工作.
<style type="text/css">
.mystyle:after {content:url(smiley.gif);}
.mystyle {color:red;}
</style>
Run Code Online (Sandbox Code Playgroud)
这是有效的(在"buu!"之后和"更多"之前放置笑脸)
<span class="mystyle">buuu!</span>a some more
Run Code Online (Sandbox Code Playgroud)
这不起作用 - 它只用红色调色someValue,但没有笑脸.
<input class="mystyle" type="text" value="someValue">
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?我应该使用另一个伪选择器吗?
注意:我不能添加span我的input,因为它是由第三方控件生成的.
没有一个愚蠢的问题,所以我们走了:<input type='button' />和之间的区别是什么<input type='submit' />?
有很多关于他们的传说.我想知道真相.以下两个例子之间有什么区别?
<input type='submit' value='text' />
<button type='submit'>text</button>
我正在使用Rails书进行敏捷Web开发,但我一直在使用Twitter Bootstrap而不是书中的自定义样式.我无法通过GLyphonics向button_to方法添加图标.我的代码看起来像这样:
<%= button_to <i class="icon-search icon-white">Add To Cart</i>,
line_items_path(product_id: product),
class: "btn btn-success" %>
Run Code Online (Sandbox Code Playgroud)
我尝试了很多变化,但似乎无法让它正常工作.
a button与type="button"vs 之间有区别type="submit"吗?是否存在功能差异,或者它只是一个描述性名称,以便更轻松地阅读代码?
这有input什么不同吗?