Thursday, November 30, 2023
html radio button
<!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>
html form input type
Tuesday, November 21, 2023
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
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 :-
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
Subscribe to:
Posts (Atom)