HTML中此页面的操作表单

在HTML中，表单是一种用户输入数据的方式。如果您编写了一个需要用户输入信息的网站，那么表单可以帮助您收集用户的信息。

表单元素

在HTML中，有以下几种表单元素：

• <input>: 定义输入字段，比如文本框、单选框和复选框等；
• <label>: 定义与输入字段关联的标签；
• <select>: 定义下拉列表框；
• <option>: 定义下拉列表框中的选项；
• <textarea>: 定义多行文本输入框；
• <button>: 定义按钮；
• <form>: 定义表单。

表单属性

在表单中，有以下几种属性可供使用：

• action: 表示表单数据的提交地址；
• method: 表示提交方式，有 GET 和 POST 两种方式；
• name: 表示表单的名称；
• target: 表示表单数据的跳转方式，可为 _self 或 _blank；
• enctype: 表示表单数据的编码方式，有 application/x-www-form-urlencoded 和 multipart/form-data 两种方式。

表单实例

下面是一个简单的表单实例：

<form action="submit.php" method="post">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name"><br>
    <label for="gender">性别：</label>
    <input type="radio" id="gender" name="gender" value="男"> 男
    <input type="radio" id="gender" name="gender" value="女"> 女<br>
    <label for="city">城市：</label>
    <select id="city" name="city">
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="广州">广州</option>
    </select><br>
    <label for="message">留言：</label>
    <textarea id="message" name="message"></textarea><br>
    <button type="submit">提交</button>
</form>

这个表单有以下内容：

• 姓名输入框；
• 性别单选框；
• 城市下拉列表框；
• 留言多行文本输入框；
• 提交按钮。

表单的提交

当用户填写完表单后，点击提交按钮，表单数据会被发送到 action 属性指定的地址。提交方式有两种：

• GET: 表单数据会以查询字符串的形式附加到 URL 后面；
• POST: 表单数据会被封装在 HTTP 请求的请求体中。

到这里，您已经了解了HTML中此页面的操作表单，希望对您有所帮助！