本文将详细介绍HTML表单制作的步骤和常用的表单元素。
一、创建HTML表单
HTML表单是由form标签创建的，form标签具有如下属性：
<form action="submit.php" method="post"> ... </form>
其中，action指定提交表单的网址，method为提交数据的方法，一般有两种方式：post和get。post方式将表单数据发送到服务器，get方式将表单数据附加在URL的后面。
二、添加表单元素
表单元素可以包括文本输入框、密码输入框、单选按钮、复选框、下拉框等，可以通过HTML标签来创建。
1.文本输入框(text)：使用<input>标签创建，type属性值为text，name属性值为表单数据名称。
<label>用户名:</label> <input type="text" name="username">
2.密码输入框(password)：使用<input>标签创建，type属性值为password，name属性值为表单数据名称。
<label>密码:</label> <input type="password" name="password">
3.单选按钮(radio)：使用<input>标签创建，type属性值为radio，name属性值为表单数据名称，value属性值为选项值。
<label>性别：</label> <input type="radio" name="sex" value="male">男 <input type="radio" name="sex" value="female">女
4.复选框(checkbox)：使用<input>标签创建，type属性值为checkbox，name属性值为表单数据名称，value属性值为选项值。
<label>爱好：</label> <input type="checkbox" name="hobby" value="reading">阅读 <input type="checkbox" name="hobby" value="writing">写作 <input type="checkbox" name="hobby" value="music">音乐
5.下拉框(select)：使用<select>标签创建，name属性值为表单数据名称，<option>标签用于定义下拉框选项。
<label>城市：</label> <select name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> </select>
三、提交表单
在HTML表单中，一般都会有一个提交按钮，用于提交表单数据到服务器。
使用<input>标签创建提交按钮，type属性值为submit。
<input type="submit" value="提交">
四、完整示例代码
<form action="submit.php" method="post">
<label>用户名:</label>
<input type="text" name="username">
<label>密码:</label>
<input type="password" name="password">
<label>性别：</label>
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
<label>爱好：</label>
<input type="checkbox" name="hobby" value="reading">阅读
<input type="checkbox" name="hobby" value="writing">写作
<input type="checkbox" name="hobby" value="music">音乐
<label>城市：</label>
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</select>
<input type="submit" value="提交">
</form>