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>

Visit The link 

Read more

html form input type
Html unordered list
how to insert a background image in html
html anchor tag
Login form

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