form 表单如何提交数据，举例

要提交 form 表单数据，可以使用 form 标签中的 action 和 method 属性来指定数据的提交地址和提交方式。举个例子，假设有一个包含用户名和密码的登录表单，可以这样提交：

<form action="/login" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">密码:</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="提交">
</form>

在这个表单中，action 属性指定了提交的地址为 "/login"，method 属性指定了提交方式为 POST。当用户点击提交按钮时，浏览器将会向 "/login" 发送一条 POST 请求，请求体中包含了用户名和密码数据。具体的数据格式可以通过浏览器的开发者工具查看。

相关问题

form表单日期数据回显

在form表单中，如果要实现日期数据的回显，可以使用Ant Design的组件和方法。根据你提供的引用内容，可以使用useForm来设置数据回显。

首先，在form表单中定义form，可以使用useForm方法。这个方法可以帮助我们创建一个表单实例，并提供一些方法和属性来处理表单数据。

其次，对于日期数据回显，可以使用Ant Design的DatePicker组件。DatePicker组件可以让用户选择日期，并且也可以用来回显已有的日期数据。

具体操作如下：
1. 在form表单中定义一个DatePicker组件,并设置value属性为需要回显的日期数据。可以将回显的日期数据绑定到表单的某个字段上，并使用getFieldDecorator方法来获取绑定的值。在DatePicker组件中，可以使用moment库来处理日期格式。

举例代码如下：

import React from 'react';
import { Form, DatePicker } from 'antd';
import moment from 'moment';

const MyForm = () => {
  const [form] = Form.useForm();

  // 假设已有的日期数据为dateValue
  const dateValue = '2022-01-01';
  const formattedDate = moment(dateValue, 'YYYY-MM-DD');

  form.setFieldsValue({ date: formattedDate });

  return (
    <Form form={form}>
      <Form.Item name="date">
        <DatePicker />
      </Form.Item>
    </Form>
  );
};

export default MyForm;

以上代码中，通过form.setFieldsValue方法将日期数据设置到表单字段中，然后在DatePicker组件的value属性中绑定这个字段，就可以实现日期数据的回显。

通过以上的方法，我们可以实现form表单中日期数据的回显。希望对你有帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Antd4之form表单数据回显](https://blog.csdn.net/Welkin_qing/article/details/120353473)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [antd form表单数据回显操作](https://download.csdn.net/download/weixin_38713061/14919641)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

举例说明表单标签form

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

<form action="submit.php" method="post">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br><br>
  
  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br><br>
  
  <label for="gender">性别：</label>
  <input type="radio" id="male" name="gender" value="male">
  <label for="male">男</label>
  <input type="radio" id="female" name="gender" value="female">
  <label for="female">女</label><br><br>
  
  <label for="city">城市：</label>
  <select id="city" name="city">
    <option value="beijing">北京</option>
    <option value="shanghai">上海</option>
    <option value="guangzhou">广州</option>
    <option value="shenzhen">深圳</option>
  </select><br><br>
  
  <label for="message">留言：</label><br>
  <textarea id="message" name="message" rows="5" cols="50"></textarea><br><br>
  
  <input type="submit" value="提交">
</form>

在上面的示例中，我们使用了form标签来创建一个表单，其中：

- action属性指定了表单提交到的目标URL为submit.php；
- method属性指定了提交表单时使用的HTTP请求方法为POST；
- label标签为表单元素添加了标记，使得用户点击标记时可以选中相应的表单元素；
- input标签用于创建文本框和单选框；
- select标签用于创建下拉框；
- textarea标签用于创建文本域；
- input标签的type属性为submit，表示创建一个提交按钮。

当用户填写完表单后，点击提交按钮，表单数据将会被打包成HTTP请求发送到服务器上的submit.php文件进行处理。