使用<form action =“page.html”> <button type =“submit”>使按钮成为超链接?</button> </form>

时间:2009-07-01 03:08:54

标签: html css xhtml

这就是我构建风格化按钮的方法。

<span class='button button-orange' id='sign-up'><input type='button' value='Sign up here' /></span>

在跨区域周围放置一个锚标记(带有href)可以让你在FF中进行超链接,但是如果你的鼠标悬停在按钮的value属性值上,则会在IE中混乱。 (value ='在这里注册')

这样做有什么不妥吗?

<form action='page.html'>
<span class='button button-orange' id='sign-up'><input type='submit' value='Sign up here' /></span>
</form>

我的意思是错,你能看到这样做的可怕后果吗?

谢谢!

5 个答案:

答案 0 :(得分:2)

我唯一担心的是你不能在HTML中嵌套form个元素。看起来很好,但是如果你在一个更大的<form></form>内添加,你会遇到问题。

答案 1 :(得分:0)

对我来说很好看。由所有浏览器运行它,看看它是如何飞行的。

答案 2 :(得分:0)

看起来比原来好。 IE和FF对点击按钮元素时要传输的值有不同的看法。

如果按钮的值很重要(例如,如果表单上有多个按钮),则应考虑添加一些javascript以确保传递适当的值。

答案 3 :(得分:0)

我会直接在其中添加class和id属性,而不是使用span。无论如何,两者都是有效的。

答案 4 :(得分:0)

看起来不错,但我认为最好为你的css类使用其他名称。

不是“按钮橙” - &gt;使用类似按钮的链接。

如果更改颜色,则必须更改代码: - )