html input type

 

         Patterns attributes


 Number Type

<input type="number"> <input>

 number elements type number are use to let the user enter a number. They are include built in validation and  reject non-numerical entries

 

Number type Example 

<! Doctype html>

<html>

<body>

<h2>Number Type</h2>

<form>

 Enter any number:

<input type="text" name="numbers"

 pattern="[0-9]*" title="numbers only">

<input type="submit">

</form>

</body>

</html>


Number type output


Number type tag use

date type 


<time>: The (Date) Time element. 

The <time> HTML element is the  represents a specific period of the time. It may include  datetime attribute to the translate dates into machine-readable format, data allowing for better search engine results or custom features such as reminders.


Date type Example

<! Doctype html>

<html>

<body>

<h2>date type</h2>

<form>

Enter any Date Format YYYY MM DD <br><br>

<input type="text" name="numbers"

 patterns (0-9)(4)-(0[1-01/012])-(0[1-910-920-9301])" title="Enter valid date"> <br> <br

<input type="submit">

</form>

</body>

</html>


Date type output 

Date type use tag

READ MORE :-

css inline block

horizontal navigation bar

background color program

Comments

Popular posts from this blog

What Is CSS Text Color in 2026

CSS Padding Property Explained

CSS Outline Color Property in 2026