HTML INPUT TYPES

-

<input type=""> in HTML defines the kind of data an input field accepts. Common input types include:

Type  Description
text  Single-line text input
password  Hidden text for passwords
email   Email address input with validation
number  Numeric input with up/down controls
tel  Telephone number input
url  Website URL input
search  Search field
date   Date picker
time  Time picker
datetime-local  Date and time picker
month  Month and year picker
week  Week picker
color  Color picker
range  Slider control
checkbox  Check box
radio  Radio button
file  File upload
hidden  Hidden field
submit  Submit button
reset  Reset button
button  Generic button
image  Image submit button

Examples

<input type="text" placeholder="Enter your name">

<input type="email" placeholder="Enter your email">

<input type="password" placeholder="Enter password">

<input type="date">

<input type="checkbox"> I agree

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

If you need a complete list with browser support or validation attributes for each type, let me know.

Comments

Post a Comment

Popular posts from this blog

HTML | HTML INTRODUCTION

-
HTML is the standard markup language for creating Web pages. What is HTML? HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements HTML elements tell the browser how to display the content HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. A Simple HTML Document EXAMPLE:- <!DOCTYPE html> < html > < head > < title > Page Title < /title > < /head > < body > < h1 > My First Heading < /h1 > < p > My first paragraph. < /p > < /body > < /html > Example Explained The  <!DOCTYPE html>  declaration defines that this document is an HTML5 document The  <html>  element is the root element of an HTML page The  <head>  element contains meta information about the HTML page The  <titl...
Read more

CSS GROUPING SELECTORS

-
A CSS Grouping Selector lets you apply the same CSS styles to multiple elements by separating the selectors with commas ( , ). This avoids repeating the same code. Syntax selector1 , selector2 , selector3 { property: value ; } Exa mple h1 , h2 , p { color: blue ; font-family: Arial , sans-serif ; } In this example: All <h1> elements will have blue text. All <h2> elements will have blue text. All <p> elements will also have blue text. All three will use the Arial font. HTML Example <h1> Welcome </h1> <h2> About Us </h2> <p> This is a paragraph. </p> Benefits Reduces repetitive CSS code. Makes stylesheets cleaner and easier to maintain. Ensures consistent styling across multiple elements. Output : The <h1> , <h2> , and <p> elements will all display with blue text and use the Arial font.
Read more

HTML LISTS

-
HTML provides three main types of lists: 1. Unordered List ( <ul> ) Used when the order of items does not matter. Items are displayed with bullet points. <ul> <li> Apple </li> <li> Banana </li> <li> Orange </li> </ul> Output: Apple Banana Orange 2. Ordered List ( <ol> ) Used when the order of items is important. Items are displayed with numbers by default. <ol> <li> Wake up </li> <li> Brush teeth </li> <li> Eat breakfast </li> </ol> Output: Wake up Brush teeth Eat breakfast You can change the numbering style: <ol type = "A" > <li> HTML </li> <li> CSS </li> <li> JavaScript </li> </ol> type values: 1 → 1, 2, 3 (default) A → A, B, C a → a, b, c I → I, II, III i → i, ii, iii 3. Description List ( <dl> ) Used for terms and their descriptions. <dl> ...
Read more