| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/CST1021/Resources/Week/14/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>Form examples method="post"</title>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet">
</head>
<body>
<h1>Form examples method="post"</h1>
<fieldset>
<legend>Simple form - the method will be get</legend>
<form action="https://cst.ridgewater.edu/Tools/FormEcho/" method="post">
<input type="hidden" name="thisishidden" value="value of hidden element">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John" size="5"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br>
<label for="lname">This is readonly:</label><br>
<input type="text" id="readonly" name="readonly" value="readonly" readonly><br>
<label for="lname">This is disabled:</label><br>
<input type="text" id="disabled" name="disabled" value="disabled" disabled><br>
<input type="submit" value="Submit">
</form>
</fieldset>
<fieldset>
<legend>Radio Buttons</legend>
Choose your favorite Web language:
<form id="radio" action="https://cst.ridgewater.edu/Tools/FormEcho/" method="post">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br>
<input type="submit" value="Submit">
</form>
</fieldset>
<fieldset>
<legend>Checkboxes</legend>
The <strong>input type="checkbox"</strong> defines a checkbox:
<br>
<form action="https://cst.ridgewater.edu/Tools/FormEcho/" method="post">
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label><br>
<input type="submit" value="Submit">
</form>
</fieldset>
<fieldset>
<legend>The select Element</legend>
The select element defines a drop-down list:
<form action="https://cst.ridgewater.edu/Tools/FormEcho/" method="post">
<label for="cars">Choose a car:</label>
<select id="cars" name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
</form>
</fieldset>
<fieldset>
<legend>Textarea</legend>
The textarea element defines a multi-line input field.
<form action="https://cst.ridgewater.edu/Tools/FormEcho/" method="post">
<textarea name="message" rows="10" cols="30">The cat was playing in the garden.
WiWi</textarea>
<br>
<input type="submit">
<br>
<input type="button" value="Submit"> (button I do nothing)
<br>
<input type="button" value="Submit" onclick="this.form.submit();"> (button onclick)
</form>
</fieldset>
</body>
</html>