File size: 2,297 Bytes
0fad2e5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
<!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> |