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>

效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM