Uncategorized

Code and anxiety

by Cat

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>

 



 



 


 


 
Facebooktwitterredditpinterestlinkedinmail