Texas.github.io/contact-us.html at main · Mayvis-m/Texas.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
        <script>
            function submitForm() {
                const email=document.getElementById("email").value;
                const confirmEmail=document.getElementById("confirm-email").value;

            if(email !== confirmEmail) {
                alert("Email addresses do not match.");
                return false;
            }
            else {
                alert("Email addresses do match.");
                return true;
            }
        }
        </script>
    </head>

    <body>

        <header><h1>Contact Us</h1></header>

        <main>

            <nav>
                <a href="index.html">Home</a>
                <a href="name-of-city1.html" target="_blank">Capital</a>
                <a href="name-of-city2.html" target="_blank">Houston</a>
                <a href="name-of-city3.html" target="_blank">San Antonio</a>
                <a href="contact-us.html" target="_blank">Contact Us</a>
            </nav>

            <form name="form">
            <p>
               <label for="first">First Name:</label>
               <input type="text" name="first" id="first" placeholder="First Name">
            </p>
            <p>
               <label for="last">Last Name:</label>
               <input type="text" name="last" id="last" placeholder="Last Name">
            </p>
            <p>
                <label for="email">Email Address</label>
                <input type="text" name="email" id="email" placeholder="Email Address">
            </p>
            <p>
                <label for="confirmEmail">Email Address:</label>
                <input type="text" name="email" id="confirm-email" placeholder="Confirm Email Address">
             </p>
            <p>
                <label for="question">Your Question:</label>
                <input type="question" name="question" id="question" placeholder="Question">
             </p>
            <button onclick="submitForm()">Submit</button>
            </form>

            </main>
    </body>
</html>