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 to 12)
MM :- Two digit month (01 to 31)
DD :- Two digit day (01 to 31)
T :- Time value

HH :- Two digit minute (00 to 24)
MM :- Two digite minute (00 to 59)
SS :- Two digit second (00 to 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 :-

👇👍👍👌

css box property

html unordered list

html paragraph 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

👇👇👌👍👌

html table tag

html id attribute

css position property

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

html login in form

html anchor tag

how to create login form

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] html <br> tag inserts 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

php program to print alphabet pattern S

php program print square number pattern

text properties in css

Friday, December 1, 2023

html 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.
id attribute is need to drop down list with 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

javascript form validation

php file handling

how to create home page design

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>

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

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 short to your time Avoiding failure.
          </dd>
        <dt> Enjoy</dt>
        <dd>Enjoy your day to day life today because yesterday gone<br>
         and tomorrow  never promised.</dd>
         <dt>Moments</dt>
         <dd>Best moment of our life are not captur by camera 
        but are stored 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 html?

HTML Unordered List :-

1] Unordered list is a Bulleted Format.

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

3] Unordered list end </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>

ad

Sunday, December 31, 2023

html datetime picker

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 to 12) MM :- Two digit month (01 to 31) DD :- Two digit day (01 to 31) T :- Time value HH :- Two digit minute (00 to 24) MM :- Two digite minute (00 to 59) SS :- Two digit second (00 to 59) TZD :- Time zone

html datetime picker

html datetime picker

Related Post

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

Related Post

Line Break

information

Syntax :

</br>

Line Break

program

OUTPUT

LINE BREAK TAG

Related Post :-

Friday, December 1, 2023

DROP DOWN LIST

Html program

drop down list

OUTPUT :

Drop down button html

Related Post :-

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.

Related Post :-

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

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

HH :- Two digit minute (00 to 24)
MM :- Two digite minute (00 to 59)
SS :- Two digit second (00 to 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.

Related Post

html unordered list