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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！