Skip to content

Instantly share code, notes, and snippets.

@cflove

cflove/class_form.html

Created March 15, 2014 01:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cflove/9560717 to your computer and use it in GitHub Desktop.
Save cflove/9560717 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
class_form.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#MyForm').submit(function(e) {
if ( $('#day').val() == '' ) {
alert('Please Select a day')
return false;
}
});
});
</script>
<body>
<form action="http://dev.cflove.org/action.cfm" method="post" autocomplete="on" id="MyForm" enctype="multipart/form-data">
<label for="day">Days</label>
<input list="dayList" type="text" id="day" name="days" >
<datalist id="dayList">
<option value="Sunday">
<option value="Monday">
<option value="Tuesday">
</datalist>
<br />
Days
<select name="dropdown">
<option>Sunday</option>
<option>Monday</option>
<option>Tuesday</option>
</select>
<label for="day">Between 1 to 5</label>
<input type="number" name="quantity" min="1" max="5" autofocus>
<br />
Email: <input type="text" placeholder="Email" name="email" maxlength="5" pattern="^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$" title="Please Enter Email">
<br />
E-mail: <input type="email" name="email" disabled>
<br />
Name: <input type="text" name="name" required>
<br />
Step <input type="number" name="points" step="3" value="3">
<br />
<fieldset>
<legend>Day Block:</legend>
Today: <input type="date" name="today" readonly >
<br />
Date and Time <input type="datetime" name="bdaytime">
<br />
</fieldset>
Gender
<input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female
<br />
<input type="checkbox" name="vehicle" value="Bike">Agree to Terms and Conditions<br>
<br />
<input type="submit" class="btn" value="Submit">
<input type="submit" class="btn" formaction="AnotherAction.html" value="Submit as admin">
<button type="button" class="btn">I'm a Button</button>
</form>
<br />
About Me
<br />
<textarea rows="4" cols="50" form="MyForm" name="aboutme">My text</textarea>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment