Showing posts with label html form action. html form. input type. Show all posts
Showing posts with label html form action. html form. input type. Show all posts

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