week-9/form.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Form</title>
</head>
<body>
    <h1>Contact Me!</h1>
    <form id="myform">
        <input type="text" name="name" id="name" placeholder="Name">
        <span id="name-error"></span>
        <input type="email" name="email" id="email" placeholder="Email">
        <span id="email-error"></span>
        <input type="text" name="subject" id="subject" placeholder="Subject">
        <span id="subject-error"></span>
        <textarea name="message" id="message" cols="30" rows="10" form="myform" placeholder="Message"></textarea>
        <span id="message-error"></span>
        <button type="submit">Submit</button>
    </form>
    <style>
        form {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        textarea {
            margin: 0;
        }
    </style>
    <script src="js/form.js"></script>
</body>
</html>