瓶框架如何实现表单提交

  介绍

小编给大家分享一下瓶框架如何实现表单提交,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强>表单介绍

表单是HTML页面中负责数据采集功能的部件。由表单标签,表单域和表单按钮组成。通过表单,将用户输入的数据提交给服务器,并交给服务端进行处理。

<强>表单标签

用于声明表单的范围,位于表单标签的元素将被提交。

语法:& lt; form> & lt;/form>

属性:方法规定用于发送表单数据的HTTP方法。

,,,,,,,,,Enctype规定在向服务器发送表单数据之前如何对其进行编码。(适用于方法=皃ost"的情况)

,,,,,,,,,行动规定当提交表单时向何处发送表单数据。(指定url)

<强>表单域

表单域包含了文本框,密码框等多种类型

语法:& lt;输入……/祝辞

属性:类型规定输入元素类型。
,,,,,,,,,输入名字定义元素名称
,,,,,,,,,价值规定输入元素值

<强>表单域的种类

文本框文本type=

密码框输入

=密码文本区域类型=文本区域(可输入多行数据)

文件上传框类型=文件

单选框类型=无线电

复选框类型=复选框

<强>表单按钮

,,,提交按钮

,,,复位按钮

,,,一般按钮

<强>实现:

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt;才能meta  charset=癠TF-8"比;   & lt;才能title> Title</title>   & lt;/head>   & lt; body>   & lt;才能form>   ,,,& lt; input 类型=皌ext",占位符=皌ext", name=皌ext"/祝辞;#,文本   ,,,& lt; input 类型=皃assword",占位符=皃assword", name=皃assword"/祝辞;#,密码   ,,,& lt; textarea 占位符=癟extarea", name=癟extarea",祝辞& lt;/textarea> #,文本区域   ,,,& lt; input 类型=癴ile", name=癴ile",/在#,文件上传   ,,,& lt; input 类型=皉adio", name=癘ption",价值=https://www.yisu.com/zixun/" Option1 "/> Option1 #单选框    Option2    Option1 #多选框    Option2    #提交按钮    #重置按钮    #普通按钮>   

瓶框架如何实现表单提交

普通按钮下没有js语言支持是无效果的。

这里编写一个简单的js脚本来实现点击按钮弹出表单中的信息:

function  getValue ()   {   文本,var =document.form1.text1.value;   ,警报(文本)   }

html程序:

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt;才能meta  charset=癠TF-8"比;   & lt;才能title> Title</title>   & lt;才能script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" . ./静态/j "> #这里插入js脚本   头   <身体>   <表单名称=癴orm1 "> #添加表单名字    #修改文本表单名      textarea” 文本区域       Option1    Option2    Option1    Option2          #点击就调用getValue()函数>   

瓶框架如何实现表单提交

<强>表单的提交方式

<强> GET和POST

,,,让方式通过URL提交数据,数据在URL中可以看到。

,,,发布方式,数据放置在HTML标题中提交

<强>两种提交方式的区别

,,,得到请求可以被浏览器缓存

瓶框架如何实现表单提交