表单的自定义html按钮代码

我知道这是个蹩脚的问题，但为了把它做好，我需要你的帮助

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

订阅
名称
你的电子邮件

这是小提琴

---

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

将链接的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>

document.write（“”）；

将链接的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>

document.write（“”）；

如果我理解正确，您希望在单击链接时提交表单。要做到这一点，您必须使用JavaScript

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

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

---

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

如果我理解正确，您希望在单击链接时提交表单。要做到这一点，您必须使用JavaScript

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

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

---

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

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

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

---

最简单的方法是在表单中创建一个按钮，并使用CSS根据需要设置样式

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

下面的方法将起作用

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

订阅
名称
你的电子邮件

以下操作将起作用

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

订阅
名称
你的电子邮件

你应该使用一些javascript。你应该使用一些javascript。两个问题1。如果用户在浏览器中禁用了javascript，这个表单会工作吗？2.这个“a”代码必须在关闭的页面内，还是可以在页面的任何位置？如果用户禁用了javascript，它将无法工作。在这种情况下，只有“提交”按钮才会提交表单。链接可以位于页面中的任何位置。它不需要在表单中。在解决方法中，由于noscript标记，代码必须在表单中，但是您可以用getElementById替换document.write（），并使用innerHtml（）将链接写入页面中其他地方的div或span中。erik如果您能帮我更新fiddle，我将不胜感激，两个都是1。文本链接按钮和第二个图像按钮，但我已经为你提供了方向，你可以采取。我们不是来为您编写代码的。两个问题1。如果用户在浏览器中禁用了javascript，这个表单会工作吗？2.这个“a”代码必须在关闭的页面内，还是可以在页面的任何位置？如果用户禁用了javascript，它将无法工作。在这种情况下，只有“提交”按钮才会提交表单。链接可以位于页面中的任何位置。它不需要在表单中。在解决方法中，由于noscript标记，代码必须在表单中，但是您可以用getElementById替换document.write（），并使用innerHtml（）将链接写入页面中其他地方的div或span中。erik如果您能帮我更新fiddle，我将不胜感激，两个都是1。文本链接按钮和第二个图像按钮，但我已经为你提供了方向，你可以采取。我们不是来为您编写代码的。两个问题1。如果用户在浏览器中禁用了javascript，这个表单会工作吗？2.这个“a”代码必须在关闭的页面内还是可以在页面中的任何位置？这依赖于javascript，因此必须启用它。不，a元素不需要在表单中。但是，如果您想让它在JavaScript关闭与否的情况下工作，为什么不使用提交输入按钮呢。只要把它放在表单标签中，

这里有两个提交东西。。。一个是文本链接，另一个是图像链接，正如你在那把小提琴上看到的那样……试试看，它使用提交输入元素，并使用css设置样式，使其外观和行为与链接元素相同。两个问题1。如果用户在浏览器中禁用了javascript，这个表单会工作吗？2.这个“a”代码必须在关闭的页面内还是可以在页面中的任何位置？这依赖于javascript，因此必须启用它。不，a元素不需要在表单中。但是，如果您想让它在JavaScript关闭与否的情况下工作，为什么不使用提交输入按钮呢。只要把它放在表单标签中，

这里有两个提交东西。。。一个是文本链接，另一个是图像链接，正如你在那把小提琴上看到的那样……试试看，它使用了一个提交输入元素，并使用css对其进行样式设置，使其外观和行为与链接元素相同。