html登录代码 html登录代码怎么写

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>登录页面</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f0f0f0;

}

.container {

width: 300px;

padding: 16px;

background-color: white;

margin: 100px auto;

border: 1px solid #ccc;

border-radius: 4px;

}

input[type=text], input[type=password] {

width: 100%;

padding: 12px 20px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

box-sizing: border-box;

}

button {

background-color: #4CAF50;

color: white;

padding: 14px 20px;

margin: 8px 0;

border: none;

cursor: pointer;

width: 100%;

}

button:hover {

opacity: 0.8;

}

</style>

<div class="container">

<label for="uname"><b>用户名</b></label>

<input type="text" placeholder="输入用户名" name="uname" required>

<label for="psw"><b>密码</b></label>

<input type="password" placeholder="输入密码" name="psw" required>

<button type="submit">登录</button>

</div>