如何使用HTML创建表单的发送
程序员文章站
2022-04-17 19:46:47
...
HTML除了显示字符和图像的语言以外,其实还具有创建简单表单的功能,本篇文章就来给大家分享关于如何使用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>
效果如下:
说明:上述代码中,form是一个大的标签;下面是label,这可以设置在表单上的标签,这次生成的是一个message的标签。接下来是input标签,使用input的话可以生成输入的形式;最后是button,button是可以生成按钮的标签。
以上就是如何使用HTML创建表单的发送的详细内容,更多请关注其它相关文章!
上一篇: python怎么不换行打印
下一篇: 总结label标签的实例用法
推荐阅读
-
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
-
HTML5的表单(绝对特别强大的功能)使用示例
-
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
-
如何使用Python爬虫获取offcn上的公考信息及写入Excel表格并发送至指定邮箱
-
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
-
HTML5的表单(绝对特别强大的功能)使用示例
-
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
-
使用CSS3美化HTML表单的技巧演示
-
使用Vue-cli3.0创建的项目,如何发布npm包
-
使用html5 canvas创建太空游戏的示例