Question

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

这是我的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

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

快速执行此操作的方法是告诉表单在链接的onclick属性中提交自己。

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

当点击链接时，您会捕获其onclick事件，然后告诉form1提交自己。

Answer 2

最简单的方法是将其作为表单中的一个按钮，然后使用CSS根据需要设置样式。

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

然后风格：

form input.button1 {
   style here
}

Answer 3

以下内容可行。

<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 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>

表单的自定义html按钮代码

4 个答案: