<form>

<label>Enter first name</label><br>

<input type="text" name="firstname"><br>
<label>Enter last name</label><br>
<input type="text" name="lastname"><br>
<p><strong>Note:</strong>The default maximum cahracter lenght is 20.</p>

<label>Enter Password</label><br>
<input type="Password" name="password"><br>

<p>Kindly Select your favorite color</p>

<input type="radio" name="color" value="red"> Red <br>
<input type="radio" name="color" value="blue"> blue <br>
<input type="radio" name="color" value="green">green <br>
<input type="radio" name="color" value="pink">pink <br>

<p>Kindly Select your favourite sports</p>

<input type="checkbox" name="sport1" value="cricket">Cricket<br>
<input type="checkbox" name="sport2" value="tennis">Tennis<br>
<input type="checkbox" name="sport3" value="football">Football<br>
<input type="checkbox" name="sport4" value="baseball">Baseball<br>
<input type="checkbox" name="sport5" value="badminton">Badminton<br><br>

<label>Select file to upload:</label>

<input type="file" name="newfile">

Pick your Favorite color: <br><br>

<input type="color" name="upclick" value="#a52a2a"> Upclick<br><br>
<input type="color" name="downclick" value="#f5f5dc"> Downclick

Select Start and End Date: <br><br>

<input type="date" name="Startdate"> Start date:<br><br>
<input type="date" name="Enddate"> End date:<br><br>

<label><b>Enter your Email-address</b></label>

<input type="email" name="email" required>
<input type="submit">
<p><strong>Note:</strong>User can also enter multiple email addresses separat
ing by comma or whitespace as following: </p>
<label><b>Enter multiple Email-addresses</b></label>
<input type="email" name="email" multiple>
 <label>Enter your age: </label>
<input type="number" name="num" min="50" max="80">

<label>Enter your website URL: </label>

<input type="url" name="website" placeholder="http://example.com"><br>

<label>Search here:</label>
<input type="search" name="q">

<label><b>Enter your Telephone Number(in format of xxx-xxx-xxxx):</b></label>

<input type="tel" name="telephone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required>

<label>Choose your Favorite city in India</label>

<select name=”city”>
<option>New Delhi</option>
<option>Indore</option>
<option>Jaipur</option>
<option>Jodhpur</option>
<option>Chandigarh</option>
<option>Mumbai</option>
<option>Bengaluru</option>
<option>Lucknow</option>
<option>Amritsar</option>
</select>

<fieldset>
<legend>Choose your favorite cricketer</legend>
<input type="radio" id="kohli" name="cktr">
<label for="kohli">Kohli</label><br/>
<input type="radio" id="dhoni" name="cktr">
<label for="dhoni">Dhoni</label><br/>
<input type="radio" id="rohith" name="cktr">
<label for="rohith">Rohith</label>
</fieldset>

<input type="image" alt="Submit" src="login.png" width="100px">

<br><input type="submit" value="submit">

<input type="button" value="Clcik me " onclick="alert('you are learning HTML')">

<input type="reset" value="Reset">

</form>