Skip to content

Instantly share code, notes, and snippets.

@jordanholtdev
Created October 9, 2020 15:41
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jordanholtdev/1dd0a0adacadfc5ec038a6451d7f0a96 to your computer and use it in GitHub Desktop.
Save jordanholtdev/1dd0a0adacadfc5ec038a6451d7f0a96 to your computer and use it in GitHub Desktop.
This is basic HTML form markup
<form
action="https://tasty.hamburgers.example.com/order"
enctype="application/x-www-form-urlencoded"
method="POST"
>
<p>
<label
>Name: <input name="custname" type="text" autocomplete="name" required
/></label>
</p>
<p>
<label
>Telephone: <input type="tel" name="custtel" autocomplete="tel" required
/></label>
</p>
<p>
<label
>Email address:
<input type="email" name="custemail" autocomplete="email" required
/></label>
</p>
<fieldset>
<legend>Hamburger patty</legend>
<p>
<label> <input type="radio" name="patty" /> Beef </label>
</p>
<p>
<label> <input type="radio" name="patty" /> Veggie </label>
</p>
</fieldset>
<fieldset>
<legend>Toppings</legend>
<p>
<label> <input type="checkbox" name="topping" /> Cheese </label>
</p>
<p>
<label> <input type="checkbox" name="topping" /> Ketchup </label>
</p>
<p>
<label> <input type="checkbox" name="topping" /> Mustard </label>
</p>
<p>
<label> <input type="checkbox" name="topping" /> Pickle </label>
</p>
<p>
<label> <input type="checkbox" name="topping" /> Onion </label>
</p>
</fieldset>
<p>
<label
>Special instructions:
<textarea name="comments" maxlength="500"></textarea>
</label>
</p>
<p><button type="submit">Submit</button></p>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment