HTML form Input Type
HTML FORM
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 :-
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 :-
HTML <input type ="password"> :-
- Password use to the entered characters are masked or hidden.
- password textbox hide characters.
- 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 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
Post a Comment