创建输入链接按钮

时间:2012-10-16 15:06:35

标签: html input

你好快问题..

我正在构建一个静态html页面,并希望使用一个按钮将一个页面改为另一个页面,现在使用链接是更容易的选项,但我希望按钮的效果没有任何javascript关闭..

所以我想使用输入按钮,但它链接到html页面,如标签可以href。

我正在思考这个例子,但没有js ..

<form>
  <input type="button" value="Read more" class="button" onclick="window.location.href='testimonials.html'">
</form>

这不起作用,但我正在寻找这个功能?有可能吗?

3 个答案:

答案 0 :(得分:4)

只需将表单提交到网址即可。

<form action="testimonials.html">
  <input type="submit" value="Read more">
</form>

...但按钮应该做的事情。链接去的地方。不要向人们发送混合消息,请使用链接。

答案 1 :(得分:1)

你拼错了“onclick”:)

编辑:如果你想避免使用javascript,可以使用CSS创建一个类似按钮的链接:

<a href="testimonials.html" style="display: inline-block; border: 1px solid #AAA; background-color: #CCC; margin: 5px; width: 100px; cursor: pointer; text-align: center; color: #000; text-decoration: none;">Read More</a>

答案 2 :(得分:-1)

试试这段代码:

<form>
  <input type="button" value="Read more" class="button" onlick="window.location='testimonials.html'">
</form>