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





Read more 

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


Read more 
VISIT THE LINK

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







Read more 

Visit The  link

HTML Ordered List

HTML insert a background

html anchor tag

html/css customer login form