HTML表格和表单是网页中常见的元素，用于展示数据和收集用户输入。下面，我们将介绍一些基本的HTML表格和表单的代码应用。>（table data）或<th>（table header）标签定义。<th>通常用于表头单元格，而<td>`用于普通数据单元格。th>
</tr> <tr> <td>张三</td> <td>25</td> </tr> <tr> <td>李四</td> <td>30</td> </tr> </table> ```
表格属性
· border：定义表格边框的宽度。
· cellpadding：定义单元格内内容与单元格边框之间的空间。
· cellspacing：定义单元格之间的空间。
HTML表单
HTML表单用于收集用户输入，通常与后端脚本进行交互。表单由<form>标签定义，表单元素如文本框、密码框、单选按钮、复选框等由不同的标签定义。
示例：简单的HTML表单
html复制代码
|
<form action="/submit-form" method="post"> |
|
<label for="fname">姓名:</label><br> |
|
<input type="text" id="fname" name="fname"><br> |
|
<label for="femail">电子邮件:</label><br> |
|
<input type="email" id="femail" name="femail"><br> |
|
<input type="submit" value="提交"> |
|
</form> |
表单元素
· <input>：定义输入控件，type属性定义输入类型（如text、email、password、submit等）。
· <label>：定义输入控件的标签。
· <textarea>：定义多行文本输入控件。
· <select> 和 <option>：定义下拉列表。
· <radio>：定义单选按钮。
· <checkbox>：定义复选框。
表单属性
· action：定义提交表单后数据发送到的ura。
· method：定义发送数据的http方法，通常是get或post。
表单处理
当用户提交表单时，表单数据会发送到在action属性中指定的URL，并由服务器端的脚本（如PHP、Python等）进行处理。处理后的结果通常会返回给客户端并显示在网页上。
示例：处理表单数据的简单PHP脚本
php复制代码
|
<?php |
|
if ($_SERVER["REQUEST_METHOD"] == "POST") { |
|
$name = $_POST["fname"]; |
|
$email = $_POST["femail"]; |
|
// 在这里可以对数据进行处理，比如保存到数据库 |
|
echo "姓名: " . $name . "<br>"; |
|
echo "电子邮件: " . $email . "<br>"; |
|
} |
|
?> |
以上只是HTML表格和表单的基本介绍。在实际开发中，你可能需要处理更复杂的情况，比如表单验证、动态生成表格内容、使用JavaScript进行表单交互等。不过，这些基本概念和代码应用是开始学习和使用HTML表格和表单的良好起点。
