表单 含姓名、手机、座机、e-mail提交案例

好的，以下是一个简单的表单提交案例，包含姓名、手机、座机、邮箱信息。用户填写完表单后，点击提交按钮，表单数据将被发送到服务器端进行处理。

HTML代码：

<form action="/submit-form" method="post">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required><br>

  <label for="mobile">手机：</label>
  <input type="tel" id="mobile" name="mobile" pattern="[0-9]{11}" required><br>

  <label for="telephone">座机：</label>
  <input type="tel" id="telephone" name="telephone"><br>

  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required><br>

  <input type="submit" value="提交">
</form>

解释：

- `action`属性指定了表单提交的URL地址，服务器端将在该URL地址接收并处理表单数据。
- `method`属性指定了表单提交方式，这里使用了POST方式。
- `label`元素用于关联表单控件和标签文本，提高表单的可访问性。
- `input`元素用于创建不同类型的表单控件，这里使用了文本输入框（`type="text"`）、电话号码输入框（`type="tel"`）和电子邮件输入框（`type="email"`）。
- `name`属性指定了表单控件的名称，用于在服务器端获取表单数据。
- `required`属性表示该表单项是必填项。
- `pattern`属性用于限制输入内容的格式，这里使用了正则表达式限制了电话号码必须为11位数字。

在服务器端，通过读取请求体中的表单数据，可以轻松地获取用户填写的信息，进行后续的处理和存储。