wdd230/form.html at main · billybarnie/wdd230 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"       content="width=device-width, initial-scale=1.0">
    <meta name="description"    content="WDD 230 - Web Frontend Development, Ian William Barnie, Form Build Assignment">
    <meta name="author"         content="Billy Barnie">
    <meta property="og:title"   content="Ian William Barnie - WDD 230 - Frontend Web Development">
    <meta property="og:type"    content="website">
    <meta property="og:image"   content="https://www.tourtexas.com/bodyCopy_images/Irving/mandalay-canals-las-colinas-texas.jpg">
    <meta property="og:url"     content="https://billybarnie.github.io/wdd230/">
    <link rel="stylesheet"      href="styles/normalize.css">
    <link rel="stylesheet"      href="styles/base.css">
    <link rel="stylesheet"      href="styles/small.css">
    <link rel="stylesheet"      href="styles/form.css">
    <link rel="icon"            href="favicon.ico">
    <title>Form Build</title>
</head>
<body>
    <header>
        <h1>Ian W. Barnie</h1>
        <img class="profile-picture" src="images/ian_barnie.webp" alt="Picture of the student">
    </header>
    <nav>
        <button id="menu"></button>
        <ul class="navigation">
            <li><a href="index.html" target="_blank">Home</a></li>
            <li><a href="lesson03/chamber-site-plan.html">Site Plan</a></li>
            <li><a href="chamber/index.html" target="_blank">Chamber</a></li>
            <li><a href="https://www.byui.edu/" target="_blank">BYU-Idaho</a></li>
            <li><a href="https://www.churchofjesuschrist.org/study/scriptures" target="_blank">Scripture</a></li>
            <li><a href="form.html">Rate Us</a></li>
        </ul>
    </nav>
    <main>
        <form action="record.html" method="get">
            <label for="username">Username</label><input type="text" id="username" name="username" required>
            <label for="pwd">Password</label><input type="password"  id="pwd" name="password" pattern="^(?=.*[A-Za-z])(?=.*\d).{8,}$" placeholder="min 8 alpha-numeric code" required>
            <label for="pwd1">Re-verify password</label><input type="password"  id="pwd1" name="password" pattern="^(?=.*[A-Za-z])(?=.*\d).{8,}$" placeholder="min 8 alpha-numeric pwd" required>
            <label for="email">Email</label><input type="email" pattern=".+@byui\.edu$" id="email" name="email" title="Please enter a valid email address" placeholder="someone@byui.edu email" required>
            <label for="rate">Page Rating</label><div id="rangevalue"></div><input type="range" min="1" max="10" step="1" id="rate" name="rate">
            <button>Rate</button>
        </form>
    </main>
    <footer>
        <p>&copy; <span id="year"></span> | Billy Barnie | Texas</p>
        <p>Last Moditication: <span id="lastmodified"></span></p>
    </footer>
    <script src="scripts/getdates.js"></script>
    <script src="scripts/menu.js"></script>
    <script src="scripts/visits.js"></script>
    <script src="scripts/form.js"></script>
</body>
</html>