日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

初識form表單中的兩種提交方式

作者：SSS4362 更新時間： 2022-07-10 編程語言

初識form表單中的兩種提交方式

1.get提交

1.1 具體表現形式

表單填寫的數據會在地址欄顯示

這種方法是極其不安全的,因為造成用戶信息的泄露

1.2 源代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form表單中的兩種提交方式</title>
</head>
<body>
    <form action="#" method="get">
       賬戶:<input type="text" name="username" id="" placeholder="請輸入用戶名"><br/>
       密碼:<input type="password" name="password" id="" placeholder="請輸入密碼"><br/>
       <input type="submit" value="登錄">
    </form>
</body>
</html>

1.3 顯示效果

1.3.1 點擊登錄按鈕后

在這里插入圖片描述

1.3.2 點擊登錄按鈕后

在這里插入圖片描述

2.post提交

2.1 具體表現形式

表單填寫的數據不會在地址欄顯示

1.2 源代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form表單中的兩種提交方式</title>
</head>
<body>
    <form action="#" method="post">
       賬戶:<input type="text" name="username" id="" placeholder="請輸入用戶名"><br/>
       密碼:<input type="password" name="password" id="" placeholder="請輸入密碼"><br/>
       <input type="submit" value="登錄">
    </form>
</body>
</html>

1.3 顯示效果

1.3.1 點擊登錄按鈕后

在這里插入圖片描述

1.3.2 點擊登錄按鈕后

在這里插入圖片描述

3.總結

如果method屬性不寫的話,默認會為get提交方式

區分get提交方式和post提交方式的方法是提交表單后,看表單內容是否在地址欄顯示

原文鏈接：https://blog.csdn.net/SSS4362/article/details/125451841

欄目分類
最近更新