如何使用HTML创建表单的发送

166 阅读 0 评论 110 点赞

我是靠谱客的博主从容滑板，这篇文章主要介绍如何使用HTML创建表单的发送，现在分享给大家，希望可以做个参考。

HTML除了显示字符和图像的语言以外，其实还具有创建简单表单的功能，本篇文章就来给大家分享关于如何使用HTML格式创建发送表单。

我们先来解释一下表单元素：表单元素是创建提交表单的必要元素。

基本格式如下：

复制代码<form action =""method ="">
  //填写表单的内容
</ form>1
2
3
<form action =""method ="">
  //填写表单的内容
</ form>
登录后复制

实际上，它虽然不显示仅使用表单元素进行成像的输入表单，但可以通过在表单中放置诸如input属性之类的部分来显示表单。

表单元素是一个图像，例如通过将部分放在一起发送订单的标签。

说了这些，可能对于表单还是不够清晰，下面我们就来看看具体的内容。

action属性

action属性的作用是指定在发送表单后将数据发送到的位置。

示例：

指定为外部URL

我们将表单数据发送到URL（http://www.uoften.com/）

复制代码<form action ="http://www.uoften.com/">1
<form action ="http://www.uoften.com/">
登录后复制

指定为内部URL

将表单数据发送到form.php，在添加到当前URL末尾的位置进行处理。

复制代码<form action ="form.php">1
<form action ="form.php">
登录后复制

未指定

将表单数据发送到当前URL。

复制代码<form>1
<form>
登录后复制

method属性

发送表单时指定method属性的作用和发送方法。

常见的传输方法是POST和GET。

我们来看一个具体的例子

复制代码<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
</head>
<body>
<form action="" method="">
  <div>
    <label for="message">message:</label>
    <br>
    <input type="text" />
  </div>

  <div class="button">
    <button type="submit">发送消息</button>
  </div>
</form>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
</head>
<body>
<form action="" method="">
  <div>
    <label for="message">message:</label>
    <br>
    <input type="text" />
  </div>

  <div class="button">
    <button type="submit">发送消息</button>
  </div>
</form>
</body>
</html>
登录后复制