HTML：form表单简单介绍

定义与作用

• <form>标签用于创建HTML表单，是用户输入信息与网页互动的一种形式，表单中的数据可以被发送到服务器进行处理。

基本语法

• 基本形式为<form action="URL" method="get|post"></form>，其中action属性指定表单数据提交的目标URL，method属性指定提交数据的HTTP方法，常用的有get和post。

常用属性

• action：规定当提交表单时向何处发送表单数据，通常是一个服务器端脚本的URL。
• method：规定用于发送表单数据的HTTP方法，get方法将数据附加在URL后面发送，post方法将数据作为HTTP数据体发送。
• enctype：规定在向服务器发送表单数据之前如何对其进行编码，适用于method="post"的情况，常用的值有application/x-www-form-urlencoded（默认值）和multipart/form-data（用于文件上传）。
• name：规定表单的名称，在网页中应该是唯一的。
• autocomplete：规定是否启用表单的自动完成功能，取值为on或off。
• novalidate：如果使用该属性，则提交表单时不进行验证。
• target：规定在何处打开action URL，常用的值有_blank（新建窗口）、_self（当前窗口）、_parent（父窗口）和_top（顶层窗口）。

表单元素

• <form>标签可以包含多种表单元素，如<input>（用于创建各种输入字段，如文本框、密码框、单选框、复选框等）、<textarea>（用于创建多行文本输入框）、<button>（用于创建按钮）、<select>（用于创建下拉菜单）、<option>（用于定义下拉菜单中的选项）等。

示例

以下是一个简单的HTML表单示例：

<form action="demo_form.php" method="post">
    <label for="fname">名字：</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">姓氏：</label>
    <input type="text" id="lname" name="lname"><br><br>
    <input type="submit" value="提交">
</form>

在这个示例中，表单包含两个文本输入字段和一个提交按钮，用户在文本框中输入名字和姓氏后，点击提交按钮，表单数据将被发送到demo_form.php页面进行处理。

注意事项

• 在使用<form>标签时，需要确保所有表单元素都正确地嵌套在<form>和</form>标签之间，否则用户输入的信息可能无法提交到服务器。
• 不同的表单元素有各自的属性和用法，需要根据实际需求进行设置和调整。
• 表单数据的验证和处理通常需要在服务器端进行，以确保数据的安全性和有效性。