HTML 表单属性

行动

指定提交表单数据的URL。这通常是处理表单输入的服务器端脚本。

示例

<form action="/submit_form.php" method="post">

  <!-- 表单元素 -->

</形式>

方法

定义用于提交表单数据的HTTP方法。它可以是 GET 或 POST。

示例

<form action="/submit_form.php" method="post">

  <!-- 表单元素 -->

</形式>

目标

指定在哪里显示提交表单后收到的回复。它可以是 _self、_blank、_parent、_top 或命名的 iframe。

立即学习“前端免费学习笔记（深入）”；

示例

<form action="/submit_form.php" method="post" target="_blank">

  <!-- 表单元素 -->

</形式>

加密类型

确定表单数据在发送到服务器之前应如何编码。当表单包含文件上传时这是必要的。

示例

<form action="/submit_form.php" method="post" enctype="multipart/form-data">

  <!-- 包含文件输入的表单元素 -->

</形式>

自动完成

控制浏览器是否应启用表单字段的自动完成功能。它可以设置为打开或关闭。

零沫AI工具导航

零沫AI工具导航-AI导航新标杆,探索全球实用AI工具

下载

示例

<form action="/submit_form.php" method="post" autocomplete="off">

  <!-- 表单元素 -->

</形式>

名字

为表单分配唯一标识符以用于脚本编写。

示例

<form action="/submit_form.php" method="post" name="myForm">

  <!-- 表单元素 -->

</形式>

不验证

防止浏览器在提交之前验证表单元素。在实现自定义验证脚本时很有用。

示例

<form action="/submit_form.php" method="post" novalidate>

  <!-- 表单元素 -->

</形式>

提交

指定提交表单时要执行的 JavaScript 函数。对于客户端验证或自定义行为很有用。

示例

<form action="/submit_form.php" method="post" onsubmit="return validateForm()">

  <!-- 表单元素 -->

</形式>

重置中

定义重置表单时要执行的 JavaScript 函数。

示例

<form action="/submit_form.php" method="post" onreset="resetForm()">

  <!-- 表单元素 -->

</形式>

接受字符集

指定表单提交到服务器时使用的字符编码。默认为 UTF-8。

示例

<formaction="/submit_form.php"method="post"accept-charset="UTF-8">

  <!-- 表单元素 -->

</形式>

这些属性提供了对表单行为方式以及与网络上的用户和服务器交互的控制和灵活性。有效地理解和使用它们是构建健壮且用户友好的 Web 表单的关键。