使用HTML创建表单发送的方法

发布时间:2020-08-29 14:12:13 作者:小新
来源:亿速云 阅读:245

小编给大家分享一下使用HTML创建表单发送的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

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

基本格式如下:

<form action =""method ="">
  //填写表单的内容
</ form>

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

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

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

action属性

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

示例:

指定为外部URL

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

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

指定为内部URL

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

<form action ="form.php">

未指定

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

<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>

效果如下:

使用HTML创建表单发送的方法

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

以上是使用HTML创建表单发送的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. html的Form表单使用方法
  2. 如何通过POST从HTML表单发送数据格式

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:angular6使用ngContentOutlet实现组件位置交换的方法

下一篇:css3中animation动画属性的使用方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》