HTML5：表单提交

不加CSS、JavaScrips的HTML表单提交简单代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>表单提交</title>
</head>
<body><h1>登陆</h1><!-- form 无法从页面提交数据到后台 --><!-- action  后台访问文件     --><!-- method 数据提交方式 get post  --><!-- get 可以看到参数 安全低 1024kb  速度快 --><!-- post 参数隐藏起来 安全高  速度慢 --><!-- formenctypeapplication/x-www-form-urlencoded    默认。在发送前对所有字符进行编码。将空格转换为 "+" 符号，特殊字符转换为 ASCII HEX 值。multipart/form-data    不对字符编码。当使用有文件上传控件的表单时，该值是必需的。text/plain    将空格转换为 "+" 符号，但不编码特殊字符。 --><!-- 后台开发中这个参数formenctype="multipart/form-data保证数据返回，没有的话可能会返回空值 --><!-- 布置登陆信息 --><form action="hello.py" method="post" formenctype="multipart/form-data">用户名：<input type="text" name="username"><br>密码： &nbsp; <input type="text" name="password"><br><!-- 上传文件 --><!-- 文件上传：<input type="file"><hr> --><!-- 登陆按钮 --><input type="button" style="background-color: #FF0000;width: 240px;height:40px;color: #F8F9F9"   value='立即登陆' /><br><br></form></body>
</html>

效果

转载于:https://www.cnblogs.com/kumata/p/9477694.html

HTML5：表单提交相关推荐

HTML5表单提交和PHP环境搭建
1. HTML5表单的创建 HTML表单 1.表单用于不同类型的用户输入 2.常用表单标签: <form> 表单 <input> ...
html5表单提交json数据库,使用html5的FormData对象,通过 Ajax表单异步提交文件数据...
每次在向服务器提交文件对象数据是,总是需要借助各种三方插件来实现表单异步提交功能,还要为不同的界面去定制不同的插件css,相当繁琐.XMLHttpRequest Level 2 添加了一个新的接口-- ...
html表单的边界,HTML5 表单提交时的边界环绕动效
CSS 语言: CSSSCSS 确定 @import url(http://fonts.googleapis.com/css?family=Economica:400,700); * { box-si ...
使用HTML5 FormData轻松完成Ajax表单提交
在我们的日常开发中,经常都会用到Ajax来提交表单.让我们来看一个典型的例子: <form id="myform" action="webservice.php&q ...
html5 ,form表单提交不跳转
form表单是经常用到的一种提交数据的方法,经常用于登录或者注册功能. 可是form表单提交会跳转至提交的链接,这对于前后端分离的项目就有点不太友好.所以说我们需要在表单提交后不跳转,并且获取到接口返 ...
html5表单验证没有效果,HTML5表单验证特性(知识点小结)
前台提交信息到后台一般两种常见提交方式: Form表单提交和 Ajax无刷新页面提交 placeholder 不是所有的input都支持,比如input date就不支持解决方案: 可以在date ...
实现跨浏览器html5表单验证
html5表单添加了很多类型的表单,而且还自带验证的功能.在移动端,手机等设备能够根据不同的input类型弹出不同的键盘,例如iphone弹的键盘 <input type="email ...
HTML5表单的创建及与PHP的交互
2019独角兽企业重金招聘Python工程师标准>>> Html5表单 <!DOCTYPE html> <html> <head lang=" ...
html5表单讲解,HTML5 表单新增元素与属性讲解
01 标签的control属性中文翻译:控制在HTML5中,可以再标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素. form属性 Form属性 formaction属 ...

HTML5：表单提交

HTML5：表单提交相关推荐

最新文章

热门文章