To set and get the input type date in dd-mm-yyyy format we will use <input> type property. The <input> type attribute is used to define a date picker or control field. In this attribute, you can set the range from which day-month-year to which day-month-year date can be selected from. If min and max prices are not set then default min price is set to “01-01-1920” and default max value is set to “01-01-2120”.
<!DOCTYPE html>
<html>
<head>
<title>date of birth</title>
<style>
form{
width: 500px;
margin: auto;
padding: 20px;
font-size: 20px;
font-family: vardana;
background: #053853;
color: white;
}
input[type=text]{
width: 80%;
padding: 5px;
font-size: 18px;
}
input[type=submit]{
padding: 5px;
font-size: 20px;
width: 100px;
}
select{
font-size: 20px;
padding: 5px;
background: #37454c;
color: white;
}
</style>
</head>
<body>
<form>
Your Name <br>
<input type="text" name="yourname"><br><br>
Your Address <br>
<input type="text" name="youraddress"> <br><br>
Your Date of Birth <br>
<select name="month">
<option value="month">Month</option>
<option value="january">January</option>
<option value="february">Febuary</option>
</select>
<select name="days">
<option value="days">Days</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select name="years">
<option value="">Years</option>
<option value="1985">1985</option>
<option value="1990">1990</option>
</select> <br> <br>
<input type="submit" value="submit" name="">
</form>
</body>
</html>
Reviewed by easycoding
on
August 21, 2020
Rating:
No comments: