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 参数隐藏起来 安全高  速度慢 -->
    <!-- formenctype
        application/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>

效果

 

posted @ 2018-08-14 20:27  kumata  阅读(5299)  评论(0)  编辑  收藏  举报