ad

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








Related Post 
👇👇👌👍👌


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 


file upload html /output


Related Post 

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


line break html program










Related Post :-

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 

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


Related Post :-

javascript form validation

php file handling

how to create home page design

Thursday, November 30, 2023

html radio button

 


              HTML Radio button


html radio button code/output


Radio Button information :-

Syntax :-

<input type ="radio">


  1. Input element use to html forms.
  1. The <input> type ="radio"  in radio button.
  1. 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>

Related Post :-

html unordered list

alphabet triangle pattern

php program to print hollow triangle star pattern