在网页开发中，form表单的提交通常是通过JavaScript来实现的，但有时候我们可能需要一种无需JavaScript的方法来提交表单。下面，我将详细介绍如何使用外部按钮轻松实现form表单的提交。
1. 使用<button>标签的type属性
HTML中的<button>标签可以用来创建一个按钮，通过设置其type属性为submit，可以使其具有提交表单的功能。这种方法不需要JavaScript代码，只需在HTML中正确设置即可。
示例代码：
<form action="/submit-form" method="post">
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" placeholder="请输入密码">
<button type="submit">提交</button>
</form>
在这个例子中，当用户点击“提交”按钮时，表单将会被提交到/submit-form这个URL。
2. 使用<input>标签的type属性
除了<button>标签外，我们还可以使用<input>标签的type属性为submit来实现表单提交。
示例代码：
<form action="/submit-form" method="post">
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" placeholder="请输入密码">
<input type="submit" value="提交">
</form>
在这个例子中，当用户点击“提交”按钮时，表单同样会被提交到/submit-form这个URL。
3. 使用<a>标签的href属性
虽然<a>标签主要用于创建超链接，但我们可以通过设置其href属性为表单的提交URL，并使用target="_blank"属性来在新窗口或标签页中打开提交结果。
示例代码：
<form action="/submit-form" method="post">
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" placeholder="请输入密码">
<a href="/submit-form" target="_blank">提交</a>
</form>
在这个例子中，当用户点击“提交”链接时，表单将会被提交到/submit-form这个URL，并在新窗口或标签页中显示提交结果。
总结
通过以上方法，我们可以轻松实现form表单的提交，而无需使用JavaScript代码。在实际开发中，我们可以根据具体需求选择合适的方法。