|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>$ONI CRICKET LEAGUE SEASON 2 Registration Form</title> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<h2>$ONI CRICKET LEAGUE Registration Form</h2> |
|
|
<form id="cricketForm"> |
|
|
<label for="name">*Full Name:</label> |
|
|
<input type="text" id="name" name="name" required> |
|
|
|
|
|
<label for="photo">*Upload Photo:</label> |
|
|
<input type="file" id="photo" name="photo" accept="image/*" required> |
|
|
|
|
|
<label for="mobile">*Mobile Number:</label> |
|
|
<input type="tel" id="mobile" name="mobile" pattern="[0-9]{10}" required> |
|
|
|
|
|
<label for="city">*City:</label> |
|
|
<input type="text" id="city" name="city" required> |
|
|
|
|
|
<label for="age">*Age:</label> |
|
|
<input type="number" id="age" name="age" min="10" max="50" required> |
|
|
|
|
|
<label>*Batting Style:</label> |
|
|
<select id="batting" name="batting" required> |
|
|
<option value="Right">Right-Handed</option> |
|
|
<option value="Left">Left-Handed</option> |
|
|
</select> |
|
|
|
|
|
<label>*Bowler:</label> |
|
|
<input type="checkbox" id="bowler" name="bowler"> |
|
|
|
|
|
<label>*Wicket Keeper:</label> |
|
|
<input type="checkbox" id="wicketKeeper" name="wicketKeeper"> |
|
|
|
|
|
<label>*All-Rounder:</label> |
|
|
<input type="checkbox" id="allRounder" name="allRounder"> |
|
|
|
|
|
<label for="tshirtSize">*T-Shirt Size:</label> |
|
|
<select id="tshirtSize" name="tshirtSize" required> |
|
|
<option value="S">Small (S)</option> |
|
|
<option value="M">Medium (M)</option> |
|
|
<option value="L">Large (L)</option> |
|
|
<option value="XL">Extra Large (XL)</option> |
|
|
</select> |
|
|
|
|
|
<button type="submit">Register & Download PDF</button> |
|
|
</form> |
|
|
</div> |
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> |
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> |
|
|
<script src="script.js"></script> |
|
|
</body> |
|
|
</html> |
