Sunday, December 31, 2023

html datetime picker

ஃ datetime tag html

syntax :

<input type="datetime-local">

i] The datetime result value include the year, month, day, time.

ii] Datetime input type add the <label> tag use best accessible.

iii] html element represents a specific time.

iv] Html tag use to define date and time.

v] Display time value 24 hour clock or date in calendar in HTML.

vi] datetime used to define machine-readable date/time with time element.

datetime Value description

YYYY :- Four digit year ( 01-12)
MM :- Two digit month (01-31)
DD :- Two digit day (01-31)
T :- Time value

HH :- Two digit minute (00-24)
MM :- Two digit minute (00-59)
SS :- Two digit second (00-59)
TZD :- Time zone

html datetime picker

Html program :-

<!DOCTYPE html>
<html>
<head>
   <title>select specific date time</title>
</head>
<body>
   <h3>select specific date time</h3>
   <form>
         <input type ="datetime-local" 
name ="meetingdate"> <br><br>     
      </label>
      <input type="submit">
   </form>  
  
</body>
</html>

html datetime picker

Output :-

👇👍👍👌

file upload html

html color tag

line break html

html contact us form

html student registration form

html id attribute

html abbr tag

Saturday, December 30, 2023

html color tag

ஃ color tag syntax :

<input type="color">

1] Html is used to create a color picker.

2] Used to select a color from a visual interface.

3] The value of the tag is always a seven character

string in the format eg-#FFA07A

4] select user use a specific color.

Html program

html color tag

<!DOCTYPE html>
<html>

   <head>
      <title>HTML color tag</title>
   </head>
    
   <body>
      <form>
      <h2>select your favorite color</h2> <br>
      <input type="color" name="upclick" 
value="#D35400" ><br>upclick<br><br>
      <input type="color" name="downclick"
 value="#FF7F50 "><br>downclick 
      </form>
   </body>
    
</html>

Output :-

html color tag

visit link

👇👇👌👍👌

line break html

drop down button

html radio button

html form

html list

insert a background image html

login form

Friday, December 29, 2023

file upload html

File Upload

<input type="file">

html form tag Attribute

ஃ The html file tag is used to upload any file to server.

ஃ Form gives option to upload any file such as image, resume audio etc. to the server.

ஃ File input tag.

ஃ <input> element use type = "file"

ஃ The user choose one or more files form device storage.

SYNTAX:

<input type="file">

HTML program

File Upload

<!DOCTYPE html>
<html>
<head>
    
    <title> select file  </title>
</head>
<body>
    <h2> file to upload</h2>
    <form>
       <label> file upload</label> 
       <input type="file" name="newfile">
    </form>
</body>
</html>

output

file upload html program

visit link👍👇👇

image tag html

anchor tag html

paragraph tag html

comments tag html

basefont tag html

line break html

Line Break

information

1] A line break ends the line you are currently on and resumes on the next line. Placing <br /> within the code to break the line. Use the <br /> tag within the <p> (paragraph) tag.

2] A line break is marked up as follows:

3] The <br> tag inserts a single line break.

4] The <br> tag is an empty tag which means that it has no end tag.

5] The <br> tag is an empty tag which means that it has no end tag.

6] The <br> tag is useful for writing addresses or poems.

7] <br> tag to enter line breaks, not to separate paragraphs.

Syntax :

</br>

Line Break

program

<!DOCTYPE html>

<html>
<body>
<p>
To break lines<br>in a text,<br>use the br element.
</p>
</body>

</html>

OUTPUT

LINE BREAK TAG

Link visit

form radio button html

form html

unordered list html

how to add background image in html

html bold tag

Friday, December 1, 2023

drop down button

drop down button

Drop down list create a <select> element is use.
The name attribute is reference the form data after the form is submitted
The id attribute is needed to associate the drop down list with a label.
The id attribute is needed to drop down list with a label.
The <option> tag inside the <select> element define the available options in the drop down list.

DROP DOWN LIST

Important attributes

Html program

drop down list

<!DOCTYPE html>
<head>
    
    <title>drop down list html</title>
</head>
<body>
    <h2>drop down list create in html</h2>
    <form>
     <label for="game"> Choose a games</label>
       <select name="game" id="game">
      <option value="kho kho"> kho kho</option>
      <option value="kabaddi">kabaddi</option>
      <option value="hide and seek">Hide & Seek
       </option>
       <option value="gutte">Gutte</option>
      <option value="vish amrit"> vish Amrit
      </option>
        </select>
    </form>
</body>
</html>  

OUTPUT :

Drop down button html

Visit link

Html form input type

Insert background image

html form

html list

how to create contact from

html article tag

Thursday, November 30, 2023

html radio button

HTML Radio button

Radio Button information :-

Syntax :-

<input type ="radio">

Input element use to html forms.
The <input> type ="radio" in radio button.
Radio button use to the select exactly only one option from a list or options.

<!DOCTYPE html>
<html>
<head>
   <title> radio buttom </title>
</head>
<body bgcolor="pink">
    <h4> input type ="radio" value <br> 
radio button Use</h4>
    <form>
 <input type ="radio" name="color" value="red">
    red<br>
 <input type ="radio" name="color" value="blue">
    blue<br>       
  <input type ="radio"  name="color"
      value="pink">pink<br>
        
<input type ="radio" name="color" value=
"purple">purple<br>
 <input type ="radio" name="color" value=
"white">white<br><br>
        <input type="submit" value="submit">
    </form>
</body>
</html>

Visit The link

html form input type
Html unordered list
how to insert a background image in html
html anchor tag
Login form

Tuesday, November 21, 2023

HTML form Input Type

HTML FORM

FORM information :-

FORM IS CREATED USING <FORM> TAG.

1) FORM is a window or screen that contains fields or spaces to enter data.

2) Form is user friendly than generating queries.

3) create tables and insert data fields.

4) A form can also have button, checkboxes , radio buttons , menus, other input controls.

5) Form used to submit data to a web server.

6) FORM tag contain various elements as<input>,<select>,<textarea>, <label>,<button>

HTML <INPUT > ELEMENT :-

HTML <input> element form element. used to create form fields, input from use .

input control it set to text.

Attribute :-

1] Type :-

type input control for text input controls set to be text ( use r information).

2] name :-

name used control which is sent to the server to recognize the value.

1] html <Input> element Example :-

<!DOCTYPE html>
<html>
<head>
  
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">. 
  <form>
   Enter Your Name :
    <input type="text" name="username"> 
  </form>
</body>
</html>

html <Input> element Output :-

2] Text Input Control Example:-

<!DOCTYPE html>
<html>
<head>
  
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">
  <form>
   <label for ="firstname">First Name</label> 
      <input type="text" id="firstname" name=
"firstname"><br>
   <label for="lastname">Last Name</label>
      <input type ="text" id="lastname"
 name="lastname"><br>
  </form>
</body>
</html>

Text Input Control OUTPUT :-

HTML <input type ="password"> :-

Password use to the entered characters are masked or hidden.
password textbox hide characters.
password use pattern attribute.

HTML Password Field Controls :- Example

<!DOCTYPE html>
<html>
<head>
  
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">
  <form>
    <label for="password">Password :-</label>
       <input type="password" id="password"
 name="password">
  </form>
</body>
</html>

HTML Password Field Controls :- Output

HTML Email field Control :-

<input type ="email">

Email tag use to the email address defines.

input value is automatically valid the email address.

HTML Email field Control Example :-

<!DOCTYPE html>
<html>
<head>
  
  <title>HTML FORM  TAG </title>
</head>
<body bgcolor="lightskyblue">
  <form>
    <label for="email"> Enter The Email address
 :-</label>
       <input type="email" id="email" name=
"email">
  </form>
</body>
</html>

HTML Email field Control :- output/Result

visit link :-

HTML Description list | with example

html unordered list

how to add image tag in html

customer login form using html /css

Friday, November 17, 2023

HTML Description List | with Example

HTML Description List

HTML Description List :-

Que. What is dl tag html?

Description list (dl) tag.
They are 3 tag used to define description list.
<dl> ,< dt> & <dd> tag use.

1) <dl> :- tag use to defines the description list.

2) <dt> :- tag used to defines data term /using the element /description terms name.

3) <dd>:- tag defines data definition /description each term.

HTML Description List Example :-

<html>
<head>
        <title>description list html</title>
</head>
<body>
    <h1>HTML description List </h1>
   <dl>
        <h3><dt> life</dt>      
        <dd>life is too short to spend your time Avoiding failure.
          </dd>
        <dt> Enjoy</dt>
        <dd>Enjoy life today because yesterday is gone<br>
         and tomorrow is never promised.</dd>
         <dt>Moments</dt>
         <dd>Best moments of our life are not captured by camera 
        but are stored as good memories in our mine 
           and they always makes us smile.</dd> 
           </h3>
    </dl>
</body>
</html>

html ordered list

html customer login form

Responsive image hrml

html unordered list

Unordered List HTML

Q. what is the unordered list in the html?

Unordered List :-

1] Unordered list is a Bulleted Format.

2] Unordered list starts with the <ul> tag.

3] Unordered list end with the </ul> tag.

4] Each unordered list item starts with the <li> tag.

5] Each Unordered list items end with the</li> tag.

Syntax :-

<ul type=" put the list type ">

Que . What is the type of unordered list in html ?

Unordered list 4 type of bulleted format.

1) type = "disc"

2) type = "circle"

3) type = "square"

4) type = "none"

1) disc :-

disc is the default style.

disc list items are maked with bullets.

Syntax :-

<ul type="disc">

HTML Unordered List (disc) Example :-

<html>
<body>
<h1>Unordered list</h1>
    <h2> disc</h2>
    <ul type="disc">
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>
</body>
<html>

HTML Unordered List (disc) Output :-

HTML Unordered List

2) circle :-

circle type is the list items are marked with circle.

Syntax :-

<ul type="circle">

HTML Unordered List(circle) Example:-

<html>
<body>
<ul type="circle">
        <h2>Circle</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>
</body>
<html>

HTML Unordered List(circle) Output :-

HTML Unordered List

3) square :-

square items are marked with the square.

Syntax :-

<ul type="square">

HTML Unordered List(square) Example :-

 <html>
<body>
    <ul type="square" >   
     <h2>Square</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
</body>
<html>

HTML Unordered List(square) Output :-

html unordered list

4) none :-

none list item are not a marked.

Syntax :

<ul type="none">

html unordered list(none) Example :-

 <html>
<body>
<ul type="none" >
        <h2>None</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>

</body>
</html>

Sunday, December 31, 2023

html datetime picker

ஃ datetime tag html

syntax :

<input type="datetime-local">

i] The datetime result value include the year, month, day, time.

ii] Datetime input type add the <label> tag use best accessible.

iii] html element represents a specific time.

iv] Html tag use to define date and time.

v] Display time value 24 hour clock or date in calendar in HTML.

vi] datetime used to define machine-readable date/time with time element.

datetime Value description

YYYY :- Four digit year ( 01-12) MM :- Two digit month (01-31) DD :- Two digit day (01-31) T :- Time value HH :- Two digit minute (00-24) MM :- Two digit minute (00-59) SS :- Two digit second (00-59) TZD :- Time zone

html datetime picker

html datetime picker

Read more

Saturday, December 30, 2023

html color tag

ஃ color tag syntax :

<input type="color">

Friday, December 29, 2023

File Upload

<input type="file">

html form tag Attribute

ஃ The html file tag is used to upload any file to server.

ஃ Form gives option to upload any file such as image, resume audio etc. to the server.

ஃ File input tag.

ஃ <input> element use type = "file"

ஃ The user choose one or more files form device storage.

SYNTAX:

<input type="file">

HTML program

File Upload

output

file upload html program

visit link👍👇👇

Line Break

information

Syntax :

</br>

Line Break

program

OUTPUT

LINE BREAK TAG

Link visit

Friday, December 1, 2023

DROP DOWN LIST

Html program

drop down list

OUTPUT :

Drop down button html

Visit link

Thursday, November 30, 2023

HTML Radio button

Radio Button information :-

Syntax :-

<input type ="radio">

Input element use to html forms.The <input> type ="radio" in radio button.Radio button use to the select exactly only one option from a list or options.

Visit The link

Read more

Tuesday, November 21, 2023

HTML FORM

FORM information :-

FORM IS CREATED USING <FORM> TAG.

HTML <INPUT > ELEMENT :-

Attribute :-

1] Type :-

2] name :-

html <Input> element Output :-

2] Text Input Control Example:-

Text Input Control OUTPUT :-

HTML <input type ="password"> :-

Password use to the entered characters are masked or hidden. password textbox hide characters.password use pattern attribute.

HTML Password Field Controls :- Example

HTML Password Field Controls :- Output

HTML Email field Control :-

<input type ="email">

HTML Email field Control Example :-

HTML Email field Control :- output/Result

Read more

YYYY :- Four digit year ( 01-12)
MM :- Two digit month (01-31)
DD :- Two digit day (01-31)
T :- Time value

HH :- Two digit minute (00-24)
MM :- Two digit minute (00-59)
SS :- Two digit second (00-59)
TZD :- Time zone

Input element use to html forms.
The <input> type ="radio" in radio button.
Radio button use to the select exactly only one option from a list or options.

Password use to the entered characters are masked or hidden.
password textbox hide characters.
password use pattern attribute.

Description list (dl) tag.
They are 3 tag used to define description list.
<dl> ,< dt> & <dd> tag use.

Read more
VISIT THE LINK

html unordered list