html_task4.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>HTML TASK 4</title>
    <link rel="stylesheet" type="text/css" href="html_task4style.css" />
  </head>
  <body>
    <form action="#" method="post">
      <div class="container">
        <div class="left">
          <label for="full-name">Full Name:</label>
          <label for="username">Username:</label>
          <label for="password">Password:</label>
          <label for="re-password">Re Password:</label>
          <label for="address">Address:</label>
          <label for="age">Age:</label>
          <label for="gender">Gender:</label>
        </div>
        <div class="right">
          <input type="text" id="full-name" name="full-name" required /><br />
          <input type="text" id="username" name="username" required /><br />
          <input type="password" id="password" name="password" required /><br />
          <input
            type="password"
            id="re-password"
            name="re-password"
            required
          /><br />
          <textarea id="address" name="address" required></textarea><br />
          <input type="number" id="age" name="age" required /><br />
          <select id="gender" name="gender" required>
            <option value="male">Male</option>
            <option value="female">Female</option></select
          ><br />
        </div>
      </div>
      <button type="submit">Save</button>
    </form>
  </body>
</html>