matgargano/form.html

## form.html
<!DOCTYPE html>
<html lang="en">
    <head>
    <title>Forms</title>
    </head>
    <body>
        <p><a href="/index.html">Home page</a></p>
        <form>
            <p>
                <label for="url">URL</label>
            <input type="url" name="url" id="url">
            </p>
            <p>
                <label for="color">Color</label>
                <input type="color" name="color" id="color">
            </p>
            <p>
                <label for="date">Date</label>
                <input type="date" name="date" id="date">
            </p>
            <p>
                <input type="number" value="4" min="3" max="10" id="number" name="number" step="2">
            </p>
            <p>
                <input type="color" name="color" value="color">
            </p>
            <input type="submit">
        </form>
    </body>
</html>

## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>HTML Forms</title>
	</head>
	<body>
        <p id="top"><a href="/form.html">Forms page</a></p>
		<form method="GET">
            <p>
                <label for="username">Username</label><input placeholder="Enter your name" id="username" type="text" name="username" required="required" />
            </p>
            <p>
                <label for="email">Email</label><input disabled="disabled" id="email" type="email" name="email" required="required" />
            </p>
			<p>
                <label for="password">Password</label><input type="password" name="password" id="password" />
            </p>

            <p>Pets?</p>
            <p>
                <input type="checkbox" id="dog" name="dog" value="checked"/> <label for="dog">Dog</label>
            </p>
            <p>
                <input type="checkbox" id="cat" name="cat" value="checked" /> <label for="cat">Cat</label>
            </p>


            <fieldset>
                <legend>Gender</legend>
                <input type="radio" name="gender" value="male"><label>Male</label>

                <input type="radio" name="gender" value="female"><label>Female</label>

                <input type="radio" name="gender" value="other"><label>Other</label>
            </fieldset>

            <label for="biography">Biography</label>
            <textarea rows="10" cols="100" name="biography" id="biography"></textarea>


            <p>
                <input type="submit" value="Login" /> <input type="reset" />
            </p>
            <label for="car">Car:</label>
            <select id="car" name="car" multiple="multiple">
                <option value="fusion">Ford Fusion</option>
                <option value="mustang-cobra">Mustang Cobra</option>
                <option value="honda-accord">Honda Accord</option>
            </select>
        </form>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

        <a href="#top">Back to top</a>
	</body>
</html>
<!-- http://127.0.0.1:5500/index.html?username=user&email=email%40fdsaf.com&password=&biography=&car=fusion&car=honda-accord -->
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Forms</title>
	</head>
	<body>
	<p><a href="/index.html">Home page</a></p>
	<form>
	<p>
	<label for="url">URL</label>
	<input type="url" name="url" id="url">
	</p>
	<p>
	<label for="color">Color</label>
	<input type="color" name="color" id="color">
	</p>
	<p>
	<label for="date">Date</label>
	<input type="date" name="date" id="date">
	</p>
	<p>
	<input type="number" value="4" min="3" max="10" id="number" name="number" step="2">
	</p>
	<p>
	<input type="color" name="color" value="color">
	</p>
	<input type="submit">
	</form>
	</body>
	</html>