如何使用HTML创建表单的发送
程序员文章站
2022-03-26 11:17:03
...
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创建表单的发送的详细内容,更多请关注其它相关文章!
下一篇: css计数器(counter)是什么
推荐阅读
-
html中关于表单标签form的使用详解
-
php向前端发送的字符串中存在HTML标签如何正常显示
-
HTML-移动端如何使用css让百分比布局的弹窗水平和垂直方向上居中_html/css_WEB-ITnose
-
如何使用gulp压缩博客的html、css、image、js
-
html标签如何使用php中的变量
-
HTML的表单form以及form内部标签的使用
-
jquery如何使用undelegate去掉用delegate为动态创建元素绑定的事件?
-
如何使用HTML5的picture元素处理响应式图片
-
如何使用PHP和MySQL创建个性的网站分页
-
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法