Sep 7 In-Class Exercise Thread.

Please post your solutions to the Sep 7 In-Class Exercise to this thread.

Best,

Chris

Please post your solutions to the Sep 7 In-Class Exercise to this thread. Best, Chris

-- Sep 7 In-Class Exercise Thread

<!DOCTYPE html> <html lang="en-US">

    <head>
        <title>CS 174 Soirée</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <h1>RSVP</h1>
        <form name="rsvp">
            <p>
                <label for="firstname">First Name: </label>
                <input size="30" maxlength="35" type="text" id="firstname" name="firstname" placeholder="Please enter your first name"/>
            </p>
            <p>
                <label for="lastname">Last Name:</label>
                <input size="30" maxlength="35" type="text" id="lastname" name="lastname" placeholder="Please enter your last name"/>
            </p>
            <p>
                <label for="so">Will you be bringing your significant other?</label>
                <input type="checkbox" id="so" name="so"/>
            </p>
            <p>Jello Color:
            <input type="radio" id="red" name="jello" value="Red" />
            <label for="red">Red</label>
            <input type="radio" id="green" name="jello" value="Green" />
            <label for="green">Green</label>
            <input type="radio" id="yellow" name="jello" value="Yellow" />
            <label for="yellow">Yellow</label>
            </p>
        </form>
    </body>

</html>

<!DOCTYPE html> <html lang="en-US"> <head> <title>CS 174 Soirée</title> <meta charset="utf-8" /> </head> <body> <h1>RSVP</h1> <form name="rsvp"> <p> <label for="firstname">First Name: </label> <input size="30" maxlength="35" type="text" id="firstname" name="firstname" placeholder="Please enter your first name"/> </p> <p> <label for="lastname">Last Name:</label> <input size="30" maxlength="35" type="text" id="lastname" name="lastname" placeholder="Please enter your last name"/> </p> <p> <label for="so">Will you be bringing your significant other?</label> <input type="checkbox" id="so" name="so"/> </p> <p>Jello Color: <input type="radio" id="red" name="jello" value="Red" /> <label for="red">Red</label> <input type="radio" id="green" name="jello" value="Green" /> <label for="green">Green</label> <input type="radio" id="yellow" name="jello" value="Yellow" /> <label for="yellow">Yellow</label> </p> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread

CS 174 Soirée Reservation 2022 Official 100% Real

Reservation

Personal Info

First Name: Last Name: Significant Other?:

Jello Color

Red Green Yellow

<nowiki> <!DOCTYPE html> <html> <head> <title>CS 174 Soirée Reservation 2022 Official 100% Real</title> <meta charset="utf-8" /> </head> <body> <h1>Reservation</h1> <form name="myform" method="get" action="http://somewhere.com" > <h4>Personal Info</h4> <label for="firstName" >First Name:</label> <input type="text" id="firstName" name="firstName" value="First Name" /> <label for="lastName" >Last Name:</label> <input type="text" id="lastName" name="lastName" value="Last Name" /> <label for="significantOther" >Significant Other?:</label> <input type="checkbox" id="significantOther" /> <h4>Jello Color</h4> <input type="radio" id="red" value="red" name="jello" checked> <label for="red">Red</label> <input type="radio" id="green" value="green" name="jello"> <label for="green">Green</label> <input type="radio" id="yellow" value="yellow" name="jello"> <label for="yellow">Yellow</label> </form> </body> </html> </nowiki>

-- Sep 7 In-Class Exercise Thread

  <html>
  <head><title> CS 174 Soirée</title></head>
  <body>
  <form name="rsvp">

    <p>
    <label for="firstname"> First Name :</label>
    <input type="text" name="firstname" placeholder="first name" size="20" maxlength="30" />
    </p>

    <p>
    <label for="lastname"> Last Name :</label>
    <input type="text" name="lastname" placeholder="last name" size="20" maxlength="30"/>
    </p>

    <p>
    <input type="checkbox" name="yo" value="la" />
    <label for="bring"> bring a significant other</label>
    </p>

    <p> what color jello you prefer </p>
    <input type="radio" id="red" name="red" value="red"/>
    <label for="html"> Red </label>
    <input type="radio" id="green" name="green" value="red"/>
    <label for="html"> Green</label>
    <input type="radio" id="yellow" name="yellow" value="red"/>
    <label for="html"> Yellow</label>

    </form>
    </body>
  </html>

(Edited: 2022-09-07)

<html> <head><title> CS 174 Soirée</title></head> <body> <form name="rsvp"> <p> <label for="firstname"> First Name :</label> <input type="text" name="firstname" placeholder="first name" size="20" maxlength="30" /> </p> <p> <label for="lastname"> Last Name :</label> <input type="text" name="lastname" placeholder="last name" size="20" maxlength="30"/> </p> <p> <input type="checkbox" name="yo" value="la" /> <label for="bring"> bring a significant other</label> </p> <p> what color jello you prefer </p> <input type="radio" id="red" name="red" value="red"/> <label for="html"> Red </label> <input type="radio" id="green" name="green" value="red"/> <label for="html"> Green</label> <input type="radio" id="yellow" name="yellow" value="red"/> <label for="html"> Yellow</label> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread

 <!DOCTYPE html>

<html>

  <head>
    <meta charset="UTF-8" />
    <title>RSVP CS 174</title>
  </head>
  <body>
    <form name="rsvpform" method="post" action="example.com">
      <input type="text" name="first-name" placeholder="First Name" />
      <input type="text" name="last-name" placeholder="Last Name" />
      <input type="checkbox" id="bring-so" name="bring-so" value="t-so" />
      <label for="bring-so"> Will bring SO</label>

      <input type="checkbox" id="not-bring-so" name="not-bring-so" value="f-so" />
      <label for="not-bring-so"> Will not bring SO</label>

      <input type="radio" id="red" name="fav_color" value="red" />
      <label for="red">Red</label>

      <input type="radio" id="green" name="fav_color" value="green" />
      <label for="green">Green</label>

      <input type="radio" id="yellow" name="fav_color" value="yellow" />
      <label for="yellow">Yellow</label>
    </form>
  </body>

</html>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>RSVP CS 174</title> </head> <body> <form name="rsvpform" method="post" action="example.com"> <input type="text" name="first-name" placeholder="First Name" /> <input type="text" name="last-name" placeholder="Last Name" /> <input type="checkbox" id="bring-so" name="bring-so" value="t-so" /> <label for="bring-so"> Will bring SO</label><br /> <input type="checkbox" id="not-bring-so" name="not-bring-so" value="f-so" /> <label for="not-bring-so"> Will not bring SO</label><br /> <input type="radio" id="red" name="fav_color" value="red" /> <label for="red">Red</label><br /> <input type="radio" id="green" name="fav_color" value="green" /> <label for="green">Green</label><br /> <input type="radio" id="yellow" name="fav_color" value="yellow" /> <label for="yellow">Yellow</label> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread

<!DOCTYPE html> <html lang="en"> <head>

    <title>RSVP Form</title>
    <meta charset="utf-8" />

</head> <body>

    <form name="my-form" method="get" action="https://www.ex.com">
        <label for="firstNameId">First Name</label>
        <input id="firstNameId" type="text" placeholder="First Name" />
        <label for="lastNameId">Last Name</label>
        <input id="lastNameId" type="text" placeholder="Last Name" />
        

        <label for="significantOtherId">Bringing Significant Other</label>
        <input id="significantOtherId" type="checkbox"/>
        

        <label for="jelloColorId">Jello Color</label>
        

        <label for="redId">Red</label>
        <input id="redId" type="radio" name="jelloColor" value="red" />
        <label for="blueId">Blue</label>
        <input id="blueId" type="radio" name="jelloColor" value="blue" />
        <label for="yellowId">Yellow</label>
        <input id="yellowId" type="radio" name="jelloColor" value="yellow" />
        

        <input type="submit" />
    </form>

</body> </html>

(Edited: 2022-09-07)

<!DOCTYPE html> <html lang="en"> <head> <title>RSVP Form</title> <meta charset="utf-8" /> </head> <body> <form name="my-form" method="get" action="https://www.ex.com"> <label for="firstNameId">First Name</label> <input id="firstNameId" type="text" placeholder="First Name" /> <label for="lastNameId">Last Name</label> <input id="lastNameId" type="text" placeholder="Last Name" /> <br/> <label for="significantOtherId">Bringing Significant Other</label> <input id="significantOtherId" type="checkbox"/> <br/> <label for="jelloColorId">Jello Color</label> <br/> <label for="redId">Red</label> <input id="redId" type="radio" name="jelloColor" value="red" /> <label for="blueId">Blue</label> <input id="blueId" type="radio" name="jelloColor" value="blue" /> <label for="yellowId">Yellow</label> <input id="yellowId" type="radio" name="jelloColor" value="yellow" /> <br/> <input type="submit" /> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread

<!DOCTYPE html> <html lang="en"> <head>

    <meta charset="UTF-8">
    <title>RSVP Form</title>

</head> <body>

    <h1> RSVP form fo the CS 174 soiree</h1>
    <form name="RSVP form">
        <label for="firstName">Enter first name: </label>
        <input size="30" maxlength="30" type="text" id= "firstName" name="firstName"/>

        <label for="lastName">Enter last name:  </label>
        <input size="30" maxlength="30" type="text" id="lastName" name="lastName"/>

        <label for="sigOther"> Will you be bringing a significant other?</label>

        <label for="yesSigOther"> Yes</label>
        <input size="30" maxlength="30" type="checkbox" id="sigOther" name="sigOther" value="sigOther">

       
        <label for="colorJello"> What color Jello do you prefer?</label>

        <input size="30" maxlength="30" type ="radio" id="red" name="colorJello" value="RED">
        <label for="redJello"> Red</label>

        <input size="30" maxlength="30" type ="radio" id="green" name="colorJello" value="GREEN">
        <label for="greenJello"> Green</label>

        <input size="30" maxlength="30" type ="radio" id="yellow" name="colorJello" value="YELLOW">
        <label for="yellowJello"> Yellow</label>

    </form>

</body> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>RSVP Form</title> </head> <body> <h1> RSVP form fo the CS 174 soiree</h1> <form name="RSVP form"> <label for="firstName">Enter first name: </label> <input size="30" maxlength="30" type="text" id= "firstName" name="firstName"/><br> <label for="lastName">Enter last name: </label> <input size="30" maxlength="30" type="text" id="lastName" name="lastName"/><br> <label for="sigOther"> Will you be bringing a significant other?</label><br> <label for="yesSigOther"> Yes</label> <input size="30" maxlength="30" type="checkbox" id="sigOther" name="sigOther" value="sigOther"><br> <label for="colorJello"> What color Jello do you prefer?</label><br> <input size="30" maxlength="30" type ="radio" id="red" name="colorJello" value="RED"> <label for="redJello"> Red</label><br> <input size="30" maxlength="30" type ="radio" id="green" name="colorJello" value="GREEN"> <label for="greenJello"> Green</label><br> <input size="30" maxlength="30" type ="radio" id="yellow" name="colorJello" value="YELLOW"> <label for="yellowJello"> Yellow</label><br> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread

<!DOCTYPE html> <html lang="en"> <head>

    <meta charset="UTF-8">
    <title>CS 174 Soirée</title>

</head> <body>

    <h1>RSVP form for the CS 174 Soirée</h1>
    <form name="rsvp">
        <div>
            <label for="first_name">First Name:</label>
            <input type="text" id="first_name" name="first_name" size="20" maxlength="30">
        </div>
        <div>
            <label for="last_name">Last Name:</label>
            <input type="text" id="last_name" name="last_name" size="20" maxlength="30">
        </div>
        <div>
            <label for="checkbox">Attending with significant other</label>
            <input type="checkbox" id="checkbox" name="checkbox" value="yes">
        </div>
        <div>
            <label for="color">Favorite color:</label>
            <input type="radio" id="red" name="color" value="red">
            <label for="red">Red</label>
            <input type="radio" id="green" name="color" value="green">
            <label for="green">Green</label>
            <input type="radio" id="yellow" name="color" value="yellow">
            <label for="yellow">Yellow</label>
        </div>
    </form>

</body> </html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CS 174 Soirée</title> </head> <body> <h1>RSVP form for the CS 174 Soirée</h1> <form name="rsvp"> <div> <label for="first_name">First Name:</label> <input type="text" id="first_name" name="first_name" size="20" maxlength="30"> </div> <div> <label for="last_name">Last Name:</label> <input type="text" id="last_name" name="last_name" size="20" maxlength="30"> </div> <div> <label for="checkbox">Attending with significant other</label> <input type="checkbox" id="checkbox" name="checkbox" value="yes"> </div> <div> <label for="color">Favorite color:</label> <input type="radio" id="red" name="color" value="red"> <label for="red">Red</label> <input type="radio" id="green" name="color" value="green"> <label for="green">Green</label> <input type="radio" id="yellow" name="color" value="yellow"> <label for="yellow">Yellow</label> </div> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread

RSVP Form

CS 174 Soirée RSVP Form

First Name: Last Name: I am bringing a significant other: Preferred Jello Color: Red Green Yellow

(Edited: 2022-09-07)

<nowiki><!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <title>RSVP Form</title> <meta charset="utf-8" /> </head> <body> <h1>CS 174 Soirée RSVP Form</h1> <form name="rsvp"> <label for="fname" > First Name: </label> <input type="text" id="fname" name="fname" size=20 maxlength=30/> <br /> <br /> <label for="lname" > Last Name: </label> <input type="text" id="lname" name="lname" size=20 maxlength=30/> <br /> <br /> <label for="so" > I am bringing a significant other: </label> <input type="checkbox" id="so" name="so" value="yes"/> <br /> <br /> <label for="jello" > Preferred Jello Color: </label> <br /> <input type="radio" id="jello1" name="jello" value="red"/> <label for="jello1">Red</label><br /> <input type="radio" id="jello2" name="jello" value="green"/> <label for="jello2">Green</label><br> <input type="radio" id="jello3" name="jello" value="yellow"/> <label for="jello3">Yellow</label> <br /> <br /> <input type="submit" value="Submit"/> </form> </body> </html> </nowiki>

-- Sep 7 In-Class Exercise Thread

<!DOCTYPE html> <html>

  <head>
    <title>Soirée RSVP</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>RSVP to the CS174 Soirée</h1>
    <form>
      <div>
        <label for="first_name">First Name</label>
        <input type="text" id="first_name" name="first_name" placeholder="first name" size="20" maxlength="50" />
      </div>
      <div>
        <label for="last_name">Last Name</label>
        <input type="text" id="last_name" name="last_name" placeholder="last name" size="20" maxlength="50" />
      </div>
      <div>
        <input type="checkbox" id="sig_other" name="sig_other" />
        <label for="sig_other">Significant Other</label>
      </div>
      <p>Favorite Jello Color:</p>
      <div>
        <input type="radio" id="jello_color" name="jello_color" value="red" />
        <label for="jello_color">Red</label>
      </div>
      <div>
        <input type="radio" id="jello_color" name="jello_color" value="green" />
        <label for="jello_color">Green</label>
      </div>
      <div>
        <input type="radio" id="jello_color" name="jello_color" value="yellow" />
        <label for="jello_color">Yellow</label>
      </div>
      <div>
        <input type="submit" text="Submit" />
      </div>
    </form>
  </body>

</html>

<!DOCTYPE html> <html> <head> <title>Soirée RSVP</title> <meta charset="utf-8" /> </head> <body> <h1>RSVP to the CS174 Soirée</h1> <form> <div> <label for="first_name">First Name</label> <input type="text" id="first_name" name="first_name" placeholder="first name" size="20" maxlength="50" /> </div> <div> <label for="last_name">Last Name</label> <input type="text" id="last_name" name="last_name" placeholder="last name" size="20" maxlength="50" /> </div> <div> <input type="checkbox" id="sig_other" name="sig_other" /> <label for="sig_other">Significant Other</label> </div> <p>Favorite Jello Color:</p> <div> <input type="radio" id="jello_color" name="jello_color" value="red" /> <label for="jello_color">Red</label> </div> <div> <input type="radio" id="jello_color" name="jello_color" value="green" /> <label for="jello_color">Green</label> </div> <div> <input type="radio" id="jello_color" name="jello_color" value="yellow" /> <label for="jello_color">Yellow</label> </div> <div> <input type="submit" text="Submit" /> </div> </form> </body> </html>