ad

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

Tuesday, November 21, 2023

HTML form Input Type


HTML FORM

html form /output










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

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

Text Input Control - output/Result






HTML <input type ="password"> :-

  1. Password use to the entered characters are masked or hidden. 
  1.  password textbox hide characters.
  1. 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 Password Field Controls - output/Result



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





Related Post

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 /output









 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>


Related Post 


html unordered list

html ordered list

html customer login form

Responsive image hrml


html unordered list



Unordered List HTML


html unordered list/output


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

html unordered list(none) output

html unordered list(none) output







Related Post :-

php program to print alphabet pattern C

php program check to even odd number

html description list | with example

Tuesday, November 14, 2023

html ordered list


 HTML List 

html list /output




HTML List :-

Different Type  HTML list.

                   1] Ordered HTML  List.
                  2] Unordered HTML List 
                  3] Description  HTML List



1] Ordered HTML List :-

Q. what is the ordered list in html?

  •      Ordered list is also known as  Number list or alphabetical.
  •     All ordered html list items are marked with the Number in by default.
  •     Ordered list Starts <ol> tag and closing with the </ol> tag.
  •     Ordered list each  item start with <li> tag and closing with the items </li> tag. 

   Ordered list  represent different Type

 1)  Numeric Number(1,2,3,4,5)

 2) Capital Roman Number (l ,ll , lll , lV)

 3) Small Roman Number( i, ii, iii, iv)

 4) Capital Alphabet (A,B,C, D)

 5) Small Alphabet (a, b, c, d)

Q. How to make ordered list in html.

Ordered HTML List :-

1) Numeric Number -

Ordered html list is numeric number is default type.
Numeric Number  is not defining type ="1"
.

 Example -

<!doctype html>
<html>
 body>
<h2>Ordered HTML List</h2>  
    <ol>
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>    
</body>
</html>


Output

ordered html list/output







2) Capital Roman Number (l ,ll , lll , lV) :-

Capital Roman Number  display list in roman number uppercase.

Capital Roman Number is  defining type ="I" .

Syntax :-

Ol type="I"

Example -

<!doctype html>
<html>
 body>
<h2>Ordered HTML List</h2>  

   <ol type ="I">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>    
</body>
</html>



 Capital Roman Number  OUTPUT :-

Capital Roman Number/output







 3) Small Roman Number( i, ii, iii, iv) :-

Small Roman Number display list in roman number lowercase.
Small Roman Number is defining type ="i" 

Syntax :-

Ol  type = "i"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
 
    <ol type ="i">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>  
</body>
</html>

 OUTPUT :-

lowercase html list /output






4)Capital Alphabet (A,B,C, D) :-

Capital Alphabet display list in Uppercase.
Capital Alphabet  is defining type ="A" 

Syntax :-

Ol  type = "A"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
<h3>Capital Alphabet </h3> 
    <ol type ="A">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>
</body>  
 </html>

OUTPUT

capital alphabet list html/output

 5) Small Alphabet (a, b, c, d) :-


Small Alphabet display list in lowercase.

Small Alphabet is defining type ="a" 

Syntax :-

Ol  type = "a"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
    <h3>Small Alphabet </h3>
        <ol type ="a">
<!-- ordered html list syntax -->
            <li>HTML</li><!-- list tag -->
            <li>CSS</li>
             <li>JAVASCRIPT</li>
        </ol>
</html>
</body>

OUTPUT :-

output small alphabet /output








related Post :-

javascript logical operator

how to create a navigation bar

php program to print increasing triangle