Code and anxiety

Today was busy. I was able to code a little and added some questions to my form. I need to add more questions, just not sure what to ask. I will put my code at the bottom here.

I then picked up Alex from school and took him to hockey practice. I found out yesterday that we are heading to Colorado for hockey games. That will be fun. A road trip!

I still feel a little bit on edge. Not sure why. I’m done with driving for the day so that can’t be it. Sometimes something will trigger my anxiety and I won’t even realize it. Well, ok, that is the definition of anxiety. I’m not sure how to put this anxiety into words. Maybe I will be able to put things into words later. For now, I will post what I have so far for my form code:

<!DOCTYPE html>


 


 
<html lang="en">
 
<head>
 
    <meta charset="UTF-8">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <title>The Random Form</title>
 
    <link rel="stylesheet" type="text/css" href="css/styles.css">
 
</head>
 
<body>
 
    <div id="heading">
 
        <h1 id="title">Randomly random</h1>
 
        <p id="description">Quirky form of random questions. </p>
 
    </div>
 
    <div id="main">
 
        <form id="survey-form">
 
            <label id="name-label">Enter your name: </label>
 
            <input id="name" type="name" name="name" class="survey" required placeholder="Type Full Name">
 
            <br />
 
            <label id="email-label">Enter your email: </label>
 
            <input id="email" type="email" name="email" class="survey" required placeholder="name@yourmail.com">
 
            <br />
 
            <label id="number-label">Enter your age: </label>
 
            <input id="number" type="number" name="number" class="survey" required min="13" max="100" placeholder="13+">
 
    </div>
 
    <div id="dropdown-menu">
 
        <label id="dropdown-label">What is your favorite social media site?</label>
 
        <select id="dropdown" name="dropdown" class="survey">
 
        <option value="Facebook">Facebook</option>
 
        <option value="Twitter">Twitter</option>
 
        <option value="Instagram">Instagram</option>
 
        <option value="TikTok">TikTok</option>
 
        <option value="Snapchat">Snapchat</option>
 
        <option value="Reddit">Reddit</option>
 
        <option value="Discord">Discord</option>
 
        <option value="Other">Other</option>
 
    </select>
 
    </div>
 
    <div id="button-menu">
 
    <label id="button-label">Do you like chocolate or vanilla?</label>
 
    <br />
 
    <input type="radio" class="radio" name="button" value="chocolate" checked>Chocolate
 
    <br />
 
    <input type="radio" class="radio" name="button" value="vanilla">Vanilla
 
</div>
 
    <div id="submit"></div>
 
    </form>
 
</body>
 
</html>

Category: Uncategorized

Related