5.14 

<!DOCTYPE html>
<html>
<head>
     <title>Login Page</title>
   <style>
    body {
     font-family: Arial, sans-serif;
   margin: 0;
     padding: 20px;
     }

    .container {
     max-width: 400px;
     margin: 0 auto;
     }

   .form-group {
     margin-bottom: 20px;
    }

     label {
     display: block;
     margin-bottom: 5px;
     }

    input[type="text"],
    input[type="password"],
    input[type="number"] {
     width: 100%;
    height: 40px;
     padding: 5px 10px;
     font-size: 16px;
     border: 1px solid #ccc;
   border-radius: 4px;
     }

   .captcha {
     display: flex;
    align-items: center;
     }

  .captcha img {
 margin-right: 10px;
 }

     .captcha input[type="text"] {
     flex: 1;
     }

   .submit-btn {
    width: 100%;
    height: 40px;
     
 color: #fff;
     font-size: 16px;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     }

     .submit-btn:hover {
     background-color: #0056b3;
     }
     </style>
</head>
<body>
 <div class="container">
     <h2>Login</h2>
     <form>
<div class="form-group">
    <label for="username">Username</label>
    <input type="text" id="username" name="username" placeholder="Enter your username">
     </div>
     <div class="form-group">
    <label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Enter your password">
  <div class="form-group">
   <label>Captcha</label>
    <div class="captcha">
    < img src="captcha.png" style="width: 100px;" alt="Captcha">
    <input type="text" name="captch
posted @ 2024-05-14 22:34  catsahsy  阅读(1)  评论(0)  编辑  收藏  举报