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


本文摘自PHP中文网,作者不言,侵删。

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

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

基本格式如下:

1

2

3

<form action =""method ="">

  //填写表单的内容

</ form>

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

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

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

action属性

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

示例:

指定为外部URL

我们将表单数据发送到URL(http://www.php.cn/)

1

<form action ="http://www.php.cn/">

指定为内部URL

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

1

<form action ="form.php">

未指定

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

1

<form>

method属性

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

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

我们来看一个具体的例子

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>

效果如下:

360截图20181121093808687.jpg

说明:上述代码中,form是一个大的标签;下面是label,这可以设置在表单上的标签,这次生成的是一个message的标签。接下来是input标签,使用input的话可以生成输入的形式;最后是button,button是可以生成按钮的标签。

以上就是如何使用HTML创建表单的发送的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

表格标签以什么开始以什么结束

Html中如何创建新元素

Html怎样将表单居中

Html自适应字号

Html option标签怎么用

Html 5设计原则介绍

Html怎么设置style样式

Html的盒模型详解

xml与Html的区别

table标签的cellspacing属性有什么用?一篇文章让你了解cellspacing属性

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...