在这个数字化时代，掌握基础的网页设计技能是非常重要的。HTML（超文本标记语言）是构建网页的基础，而表单是收集用户信息的关键组件。以下是一个简单易懂的教程，将指导你如何使用HTML创建一个表单，并设置提交按钮。
步骤 1：创建一个简单的HTML文件
首先，你需要创建一个HTML文件。这可以通过任何文本编辑器完成，例如Notepad（记事本）或者更高级的代码编辑器如Visual Studio Code。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单创建教程</title>
</head>
<body>
<!-- 表单内容将在这一部分添加 -->
</body>
</html>
步骤 2：在<body>标签内添加表单元素
在<body>标签中，我们可以添加一个<form>元素，它是所有表单内容的容器。通常，表单包含多个输入元素，比如文本框、单选按钮、复选框等。
<form action="/submit-your-form" method="post">
<!-- 表单输入元素将在这里添加 -->
</form>
action属性定义了表单数据提交后的URL。在这里，你可以指定一个服务器端脚本的处理路径。method属性定义了数据提交的方式，这里常用的有”get”和”post”。在这个例子中，我们使用”post”，因为它适用于提交敏感数据。
步骤 3：添加表单输入元素
在<form>标签内，我们可以添加不同的输入元素来收集用户信息。以下是一个包含用户名和电子邮件地址的简单表单：
<form action="/submit-your-form" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required>
<input type="submit" value="提交">
</form>
<label>元素用于定义表单控件的标签，for属性与相应的input元素的id属性相对应。<input>元素是表单的输入字段，这里我们使用type="text"创建了一个文本框来收集用户名，type="email"创建了一个电子邮件输入字段，确保用户输入的电子邮件格式正确。required属性表示该字段是必填的。<input type="submit">是一个提交按钮，当用户点击它时，表单数据会被发送到服务器。
步骤 4：保存并预览
将上面的代码保存为一个.html文件，比如form_example.html。使用浏览器打开这个文件，你应该会看到一个带有输入字段和提交按钮的表单。
完成啦！
你已经成功地创建了一个包含提交按钮的表单。通过上述步骤，你可以根据自己的需求添加更多的表单元素，如单选按钮、复选框、下拉列表等，以收集更多的用户信息。
希望这个简单的教程能够帮助你快速掌握HTML表单的基本知识。记住，实践是学习的关键，所以尝试自己创建一些表单，并修改它们以满足不同的需求。祝你学习愉快！