html time datetime attribute
<time>: The (Date) Time element
The <time> HTML element represents the specific period of time. It may include the datetime attribute to the translate dates into machine-readable format, allowing for better search engine results or custom features such as reminders.
html time datetime attribute
Date type Example
<html>
<body>
<h2>Date type</h2>
<form>
Enter any Date Format: DD.MM.YYYY: <br><br>
<input type="text" name="numbers"
pattern="(0[1-9]1[0-9]|2[0-9]|3[01]).(0[1-9]|1[012]).[0-9]{4}"
title="Enter valid date"> <br><br>
<input type="submit">
</form>
</body>
</html>
html time datetime attribute
Explain Program
Step 1 ]
<!Doctype html><!doctype html> always be the first line of any HTML document.
<!Doctype html><!doctype html> always be the first line of any HTML document.
Step 2 ]
<html> and </html>
html is the root element.
<html> and </html>
html is the root element.
Step 3 ]
<body> and </body>
body is main content area.
All visible content inside to the <body> tag
<body> and </body>
body is main content area.
All visible content inside to the <body> tagStep 4]
<input type="text" name="numbers"
pattern="(0[1-9]1[0-9]|2[0-9]|3[01]).(0[1-9]|1[012]).[0-9]{4}"
title="Enter valid date"> <br><br>
input type = "text" :- regular text input box
name="number" :- name of the field use submitting the form to server
pattern = "(0[1-9]1[0-9]|2[0-9]|3[01]).(0[1-9]|1[012]).[0-9]{4}"
- (0[1-9]1[0-9]|2[0-9]|3[01]) :- day 01 to 31
dot ( meaning day and month)
- (0[1-9]|1[012]) :- month o1 to 12
dot (meaning month and year)
- [0-9]{4} :- 4 -digit year (eg 2025)
Step 5]
<input type="submit">
submit button to send the form data
html time datetime attribute
Date type output
No comments:
Post a Comment