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-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 :-

html date time tag /output











Read more

๐Ÿ‘‡๐Ÿ‘๐Ÿ‘๐Ÿ‘Œ

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

 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 color tag output








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 


file upload html /output


visit link๐Ÿ‘๐Ÿ‘‡๐Ÿ‘‡

image tag html

anchor tag html

paragraph tag html

comments 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


line break html program










Link visit






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 

drop  down list html 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


drop down box html










Visit link 

Html form input type  

Insert background image

html form

html list

how to create contact from

html article tag