html表單登錄模式代碼

使用的是

Content-Type

application/x-www-form-urlencoded形式

如

代碼如下的html，后端沒寫下去：

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>管理員登錄</title><style>body { font-family: Arial; margin: 40px; }input { width: 200px; padding: 5px; margin: 5px; }button { padding: 5px 10px; margin: 5px; }#msg { margin-top: 10px; color: red; }</style>
</head>
<body>
<h1>管理員登錄</h1>
<input type="text" id="username" placeholder="用戶名">
<input type="password" id="password" placeholder="密碼">
<button onclick="login()">登錄</button>
<p id="msg"></p><script>function login() {const username = document.getElementById('username').value;const password = document.getElementById('password').value;if(!username || !password) {document.getElementById('msg').innerText = '用戶名或密碼不能為空';return;}fetch('/admin/login', {method: 'POST',headers: { 'Content-Type': 'application/x-www-form-urlencoded' },body: `username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}`}).then(res => res.text()).then(msg => {document.getElementById('msg').innerText = msg;});}
</script>
</body>
</html>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/diannao/100432.shtml
繁體地址，請注明出處：http://hk.pswp.cn/diannao/100432.shtml
英文地址，請注明出處：http://en.pswp.cn/diannao/100432.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！