html - 表单的自定义 html 按钮代码

Question

tt我知道这是一个蹩脚的问题，但为了做对，我需要你的帮助。

这是我的 html 代码

<form name="form1" class="form1">
<fieldset>
    <legend>Subscription</legend>
    <label for="subname">Name</label>
    <input type="text" name="subname" />
    <label style="padding-left:20px;" for="subemail">Your Email</label>
    <input type="text" name="subemail" />
</fieldset>
</form>
<div style="width:100%; font-size:14px;text-align:center;"><a href="#">Click here to subscribe</a>
</div>
<div class="subscribe"><a href="#"></a>
</div>

这是小提琴

http://jsfiddle.net/V8RB2/

如何将“单击此处订阅”文本和按钮与此表单相关联？

Answer 1

以下将起作用。

<form name="form1" class="form1">
<fieldset>
<legend>Subscription</legend>
<label for="subname">Name</label>
<input type="text" name="subname" />
<label style="padding-left:20px;" for="subemail">Your Email</label>
<input type="text" name="subemail" />
</fieldset>
<a href="javascript:;" onclick="document.getElementByClass('form1').submit();">Click here to subscribe</a>

</form>

Answer 2

如果我对您的理解正确，您希望在单击链接时提交表单。为此，您必须使用 JavaScript。

一种快速的方法是告诉表单在链接的 onclick 属性中提交自身。

<a onclick="form1.submit()" href="#">Click here to subscribe</a>

发生的情况是，当单击链接时，您捕获其 onclick 事件，然后告诉 form1 提交自己。

Answer 3

最简单的方法是让它成为表单中的一个按钮，并使用 CSS 来设置你想要的样式。

<input type="submit" id="button1" class="button1" name="subscribe" value="Click here to subscribe!" />

然后样式：

form input.button1 {
   style here
}

Answer 4

将链接的 href 更改为：

href="javascript:document.forms['form1'].submit()"

或者将其添加为 onClick 属性。

使用一种技术进行更新以绕过禁用的 javascript。

<script>document.write('<a href="javascript:document.forms[\'form1\'].submit()">Click here to subscribe</a></div><div class="subscribe"><a href="#"></a>');</script><noscript><input type="submit" value="submit"></noscript>