[ Prev ]
2022-09-07

-- Sep 7 In-Class Exercise Thread
<!DOCTYPE html> <html lang="en">
  <head>
    <title>CS 174 Soirée</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>CS174 RSVP</h1>
    <form name="myform">
      <p>
        <label for="fname">First Name: </label>
        <input
          size="25"
          maxlength="30"
          type="text"
          id="fname"
          name="fname"
          placeholder="Enter your first name"
        />
        <label for="lname">Last Name:</label>
        <input
          size="25"
          maxlength="30"
          type="text"
          id="lname"
          name="lname"
          placeholder="Enter your last name"
        />
      </p>
      <p>
        <label for="significant"
          >Are you bringing your significant other?</label
        >
        <input
          type="checkbox"
          id="significant"
          name="significant"
          value="passed"
        />
      </p>
      <p>
        What is your favorite 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>
      <input type="submit" name="Form" , value="Submit" />
    </form>
  </body>
</html>
<!DOCTYPE html> <html lang="en"> <head> <title>CS 174 Soirée</title> <meta charset="utf-8" /> </head> <body> <h1>CS174 RSVP</h1> <form name="myform"> <p> <label for="fname">First Name: </label> <input size="25" maxlength="30" type="text" id="fname" name="fname" placeholder="Enter your first name" /> <label for="lname">Last Name:</label> <input size="25" maxlength="30" type="text" id="lname" name="lname" placeholder="Enter your last name" /> </p> <p> <label for="significant" >Are you bringing your significant other?</label > <input type="checkbox" id="significant" name="significant" value="passed" /> </p> <p> What is your favorite 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> <input type="submit" name="Form" , value="Submit" /> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread
<!Doctype html/> <html>
	<head>
		<title>RSVP</title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<form name="RSVP" type="get" action="http://www.somewhere.com">
			<label for="last-name">Last Name: </label>
			<input id="last-name" name="last-name" type="text" maxlength="30" size="20"/>
			
			
<label for="first-name">First Name: </label> <input id="first-name" name="first-name" type="text" maxlength="30" size="20"/>
<label for="with-so">Coming with SO: </label> <input id="with-so" name="with-so" type="checkbox" value="true"/>
			<p>Preferred Jello Flavor: </p>
			<input id="red" type="radio" name="flavor" value="red"/>
			<label for="red">Red </label>
			
<input id="green" type="radio" name="flavor" value="green"/> <label for="green">Green </label>
<input id="yellow" type="radio" name="flavor" value="yellow"/> <label for="yellow">Yellow </label>
			
<input type="submit"/> </form> </body>
</html>
<!Doctype html/> <html> <head> <title>RSVP</title> <meta charset="utf-8"/> </head> <body> <form name="RSVP" type="get" action="http://www.somewhere.com"> <label for="last-name">Last Name: </label> <input id="last-name" name="last-name" type="text" maxlength="30" size="20"/> <br/> <label for="first-name">First Name: </label> <input id="first-name" name="first-name" type="text" maxlength="30" size="20"/> <br/> <label for="with-so">Coming with SO: </label> <input id="with-so" name="with-so" type="checkbox" value="true"/> <p>Preferred Jello Flavor: </p> <input id="red" type="radio" name="flavor" value="red"/> <label for="red">Red </label> <br/> <input id="green" type="radio" name="flavor" value="green"/> <label for="green">Green </label> <br/> <input id="yellow" type="radio" name="flavor" value="yellow"/> <label for="yellow">Yellow </label> <br/> <input type="submit"/> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread
<!DOCTYPE html> <html lang="en-US"> <html> <head> </head> <body>
<h1>RSVP</h1>
<form action="/action_page.php"> <label for="firstname" >First Name :</label> <input type="text" id="firstname" name="firstname" />
    
<label for="lastname" >Last Name :</label> <input type="text" id="lastname" name="lastname" />
    
<label for="others"> Will you be bringing a significant other</label> <input type="checkbox" id="others" name="others" value="others">
    
<p> Which color jello you prefer? </p>
  <input type="radio" id="red" name="jello_color" value="red">
  <label for="html">Red</label>   <input type="radio" id="green" name="jello_color" value="green">   <label for="css">Green</label>   <input type="radio" id="yellow" name="jello_color" value="yellow">   <label for="javascript">Yellow</label>
  
</form>
</body> </html>
<!DOCTYPE html> <html lang="en-US"> <html> <head> </head> <body> <h1>RSVP</h1> <form action="/action_page.php"> <label for="firstname" >First Name :</label> <input type="text" id="firstname" name="firstname" /> <br /> <label for="lastname" >Last Name :</label> <input type="text" id="lastname" name="lastname" /> <br /> <label for="others"> Will you be bringing a significant other</label> <input type="checkbox" id="others" name="others" value="others"> <br /> <p> Which color jello you prefer? </p> <input type="radio" id="red" name="jello_color" value="red">   <label for="html">Red</label>   <input type="radio" id="green" name="jello_color" value="green">   <label for="css">Green</label>   <input type="radio" id="yellow" name="jello_color" value="yellow">   <label for="javascript">Yellow</label> <br /> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread
<!DOCTYPE html> <html ang="en-US"> <title>CS174 Soirée</title> <head> </head> <body> <h1>CS174 Soirée</h1> Hi Class, We are having CS 174 Soirée, and You are invited. Please, RSVP so that we can prepare accordingly
 Forms</h2>
<form>
  <label for="fname">First name:</label>
<input type="text" id="fname" name="fname" value = "" maxlength = "50" >
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" value = "" maxlength = "80">
<input type="checkbox" id="sig1" name="sig1" value="sig1"> <label for="sig1"> I have signicant other coming with me</label>
<p> Which jello colour do you prefer</p> <input type="radio" id="jello" name="jello_prefer" value="HTML"> <label for="jellol">Red</label>
<input type="radio" id="jello" name="jello_prefer" value="HTML"> <label for="jellol">Green</label>
<input type="radio" id="jello" name="jello_prefer" value="HTML"> <label for="jellol">Yellow</label>
</form>
</body> </html>
<!DOCTYPE html> <html ang="en-US"> <title>CS174 Soirée</title> <head> </head> <body> <h1>CS174 Soirée</h1> Hi Class, We are having CS 174 Soirée, and You are invited. Please, RSVP so that we can prepare accordingly Forms</h2> <form> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value = "" maxlength = "50" > <br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value = "" maxlength = "80"> <br> <input type="checkbox" id="sig1" name="sig1" value="sig1"> <label for="sig1"> I have signicant other coming with me</label><br> <p> Which jello colour do you prefer</p> <input type="radio" id="jello" name="jello_prefer" value="HTML"> <label for="jellol">Red</label><br> <input type="radio" id="jello" name="jello_prefer" value="HTML"> <label for="jellol">Green</label><br> <input type="radio" id="jello" name="jello_prefer" value="HTML"> <label for="jellol">Yellow</label><br> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread
<!DOCTYPE html>
    <html>
        <body>
            <form name="carysform" method="get">
                <label for="First Name">First Name: </label>
                <input type="text" name="First Name" size="25" maxlength="25"/>
                <label for="Last Name">Last Name: </label>
                <input type="text" name="Last Name" size="25" maxlength="25"/>
                <label for="bringingso">Bringing your SO? </label>
                <input type="checkbox" name="bringingso"/>
                <label for="jello">Preferred Jello Color (Red, Yellow, or Green):</label>
                <input type="radio" name="jello"/>
                <input type="radio" name="jello"/>
                <input type="radio" name="jello"/>
                <input type="submit" name="Submit Response"/>
            </form>
        </body>
    </html>
<!DOCTYPE html> <html> <body> <form name="carysform" method="get"> <label for="First Name">First Name: </label> <input type="text" name="First Name" size="25" maxlength="25"/> <label for="Last Name">Last Name: </label> <input type="text" name="Last Name" size="25" maxlength="25"/> <label for="bringingso">Bringing your SO? </label> <input type="checkbox" name="bringingso"/> <label for="jello">Preferred Jello Color (Red, Yellow, or Green):</label> <input type="radio" name="jello"/> <input type="radio" name="jello"/> <input type="radio" name="jello"/> <input type="submit" name="Submit Response"/> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread
<!DOCTYPE html> <html lang="en">
  <head>
    <title>
      RSVP
    </title>
  </head>
  <body>
    <h1>CS174 Soiree RSVP</h1>
      <form name="rsvp-form">
      <input type="text" name="First Name" value="First Name" size="15" maxlength="50" />
      <input type="texy" name="Last Name" value="Last Name" size="15" maxlength="50" />
      

<div> <input type="checkbox" name="Significant Other" value="Significant Other" /> <label>Bringing a significant other?</label> </div>
<label>Jello Type</label>
<input type="radio" name="Jello Color" value="red" /> <label>red</label> <input type="radio" name="Jello Color" value="green" /> <label>green</label> <input type="radio" name="Jello Color" value="yellow" /> <label>yellow</label>
<input type="submit" text="submit" /> </form> </body>
</html>
<!DOCTYPE html> <html lang="en"> <head> <title> RSVP </title> </head> <body> <h1>CS174 Soiree RSVP</h1> <form name="rsvp-form"> <input type="text" name="First Name" value="First Name" size="15" maxlength="50" /> <input type="texy" name="Last Name" value="Last Name" size="15" maxlength="50" /> <br /> <br /> <div> <input type="checkbox" name="Significant Other" value="Significant Other" /> <label>Bringing a significant other?</label> </div> <br /> <label>Jello Type</label> <br /> <input type="radio" name="Jello Color" value="red" /> <label>red</label> <input type="radio" name="Jello Color" value="green" /> <label>green</label> <input type="radio" name="Jello Color" value="yellow" /> <label>yellow</label> <br /> <input type="submit" text="submit" /> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread
<html>
  <head><title> Soirée invite CS 174</title></head>
  <body>
  <form name="rsvp">
    <p>
    <label for="fn"> First Name :</label>
    <input type="text" name="fn" placeholder="first name" size="30" maxlength="30" />
    </p>
    <p>
    <label for="ln"> Last Name :</label>
    <input type="text" name="ln" placeholder="last name" size="30" maxlength="30"/>
    </p>
    <div>
        <input type="checkbox" name="Sign Other" value="Sign Other" />
        <label> Will you be bringing a significant other?</label>
      </div>
    <p> Choose the color of jello you prefer </p>
    <input type="radio" name="jello red" value="red"/> <label> Red </label>
    <input type="radio" name="jello green" value="green"/><label> Green</label>
    <input type="radio" name="jello yellow" value="yellow"/><label> Yellow</label>
    </form>
    </body>
  </html>
(Edited: 2022-09-08)
<html> <head><title> Soirée invite CS 174</title></head> <body> <form name="rsvp"> <p> <label for="fn"> First Name :</label> <input type="text" name="fn" placeholder="first name" size="30" maxlength="30" /> </p> <p> <label for="ln"> Last Name :</label> <input type="text" name="ln" placeholder="last name" size="30" maxlength="30"/> </p> <div> <input type="checkbox" name="Sign Other" value="Sign Other" /> <label> Will you be bringing a significant other?</label> </div> <p> Choose the color of jello you prefer </p> <input type="radio" name="jello red" value="red"/> <label> Red </label> <input type="radio" name="jello green" value="green"/><label> Green</label> <input type="radio" name="jello yellow" value="yellow"/><label> Yellow</label> </form> </body> </html>
2022-09-11

-- Sep 7 In-Class Exercise Thread
<!DOCTYPE html> <html lang="en"> <head>
    <title>In-Class Practice: Registration Form</title>
</head> <body>
    <form name="myForm" method="POST" >
        <label for="fname">First name: </label>
        <input type = "text" id="fname" name="firstName" placeholder="Enter your first name" size = 20 maxlength=30/>
        
<label for="lname">Last name:</label> <input type = "text" id="lname" name="lastName" placeholder="Enter your last name" size = 20 maxlength=30/>
<label for="significantOther">I will bring a significant other with me</label> <input type = "checkbox" id="significantOther" name="significant"/>
        <p>Input your favorite jello:</p>
        <input type = "radio" id="red" name="jello-red" value="red"/>
        <label for="red">Red</label>
        <input type="radio" id="green" name="jello-green" value="green"/>
        <label for="green">Green</label>
        <input type="radio" id="yelow" name="jello-yellow" value="yellow"/>
        <label for="yellow"> Yellow</label>
    </form>
</body> </html>
(Edited: 2022-09-11)
<!DOCTYPE html> <html lang="en"> <head> <title>In-Class Practice: Registration Form</title> </head> <body> <form name="myForm" method="POST" > <label for="fname">First name: </label> <input type = "text" id="fname" name="firstName" placeholder="Enter your first name" size = 20 maxlength=30/> <br/> <label for="lname">Last name:</label> <input type = "text" id="lname" name="lastName" placeholder="Enter your last name" size = 20 maxlength=30/> <br/> <label for="significantOther">I will bring a significant other with me</label> <input type = "checkbox" id="significantOther" name="significant"/> <br/> <p>Input your favorite jello:</p> <input type = "radio" id="red" name="jello-red" value="red"/> <label for="red">Red</label> <input type="radio" id="green" name="jello-green" value="green"/> <label for="green">Green</label> <input type="radio" id="yelow" name="jello-yellow" value="yellow"/> <label for="yellow"> Yellow</label> </form> </body> </html>

-- Sep 7 In-Class Exercise Thread
<!doctype HTML> <html>
    <head>
        <title>In-Class Excercise</title>
        <meta charset="utf-8" />
    </head>
    <body> 
        <form>
            <p>
            <label for="fname">First Name: </label>
            <input size="10" maxlength="20" type="text" id="fname"/>
            </p>
            <p>
            <label for="lname">Last Name: </label>
            <input size="10" maxlength="20" type="text" id="lname"/>
            </p>
            <p>
            <label for="so">Will you bring a Significant Other?</label>
            <input type="checkbox" id="so" name="so" value="so" />
            </p>
            <p>
            <label for="color">What Color Jello do you prefer?</label>
<label for="red">Red</label> <input type="radio" id="red" name="color" value="red" />
	    <label for="green">Green</label>
            <input type="radio" id="green" name="color" value="green" />
            <label for="yellow">Yellow</label>
	    <input type="radio" id="yellow" name="color" value="yellow" />
            </p>
            <input type="submit"/>
        </form>
    </body>
</html>
<!doctype HTML> <html> <head> <title>In-Class Excercise</title> <meta charset="utf-8" /> </head> <body> <form> <p> <label for="fname">First Name: </label> <input size="10" maxlength="20" type="text" id="fname"/> </p> <p> <label for="lname">Last Name: </label> <input size="10" maxlength="20" type="text" id="lname"/> </p> <p> <label for="so">Will you bring a Significant Other?</label> <input type="checkbox" id="so" name="so" value="so" /> </p> <p> <label for="color">What Color Jello do you prefer?</label><br> <label for="red">Red</label> <input type="radio" id="red" name="color" value="red" /><br> <label for="green">Green</label> <input type="radio" id="green" name="color" value="green" /><br> <label for="yellow">Yellow</label> <input type="radio" id="yellow" name="color" value="yellow" /> </p> <input type="submit"/> </form> </body> </html>
2022-09-12

-- Sep 7 In-Class Exercise Thread
<!DOCTYPE html> <html lang="en">
    <head>
        <title>RSVP for CS 174 Soirée</title>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>RSVP for CS 174 Soirée</h1>
        <p>You've been invited to the CS 174 Soirée! Please fill out the information below to RSVP and reserve your spot.</p>
        <form name="RSVP" method="get" action="." >
            <div>
                <label for="firstName">First Name:</label>
                <input size="30" maxlength="35" type="text" id="firstName" name="firstName" placeholder="Enter your first name" />     
            </div>
            
            <div>
                <label for="lastName">Last Name:</label>
                <input size="30" maxlength="35" type="text" id="lastName" name="lastName" placeholder="Enter your last name" />     
            </div>
            
            <div>
                <label for="sigOther">Will you be bringing a guest?:</label>
                <input type="checkbox" id="sigOther" name="sigOther" value="true" />
            </div>
            <div>
                <label>What color of Jello would you like?:</label>
                <input type="radio" id="red" name="red" value="red" />
                <label for="red">Red</label>
                <input type="radio" id="yellow" name="yellow" value="yellow" />
                <label for="yellow">Yellow</label>
                <input type="radio" id="green" name="green" value="green" />
                <label for="green">Green</label>
            </div>
            <input type="submit" name="submit" />
        </form>
    </body>
</html>
<!DOCTYPE html> <html lang="en"> <head> <title>RSVP for CS 174 Soirée</title> <meta charset="utf-8"> </head> <body> <h1>RSVP for CS 174 Soirée</h1> <p>You've been invited to the CS 174 Soirée! Please fill out the information below to RSVP and reserve your spot.</p> <form name="RSVP" method="get" action="." > <div> <label for="firstName">First Name:</label> <input size="30" maxlength="35" type="text" id="firstName" name="firstName" placeholder="Enter your first name" /> </div> <div> <label for="lastName">Last Name:</label> <input size="30" maxlength="35" type="text" id="lastName" name="lastName" placeholder="Enter your last name" /> </div> <div> <label for="sigOther">Will you be bringing a guest?:</label> <input type="checkbox" id="sigOther" name="sigOther" value="true" /> </div> <div> <label>What color of Jello would you like?:</label> <input type="radio" id="red" name="red" value="red" /> <label for="red">Red</label> <input type="radio" id="yellow" name="yellow" value="yellow" /> <label for="yellow">Yellow</label> <input type="radio" id="green" name="green" value="green" /> <label for="green">Green</label> </div> <input type="submit" name="submit" /> </form> </body> </html>
[ Next ]
X