Search This Blog

Showing posts with label HTML Input Tags. Show all posts
Showing posts with label HTML Input Tags. Show all posts

HTML Input Tag With Button Example

HTML Input Tag With Button Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Button Example </h2>
<form>
<lable> Enter Your Name: </lable> <input type="text" placeholder="your name"/>
<br/><br/>
<input type="button" />
<br/><br/>
<input type="button" value=" Submit " />
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Button Example

HTML Input Tag With Reset Example

HTML Input Tag With Reset Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Reset Example </h2>
<form>
<lable> Enter Your Name: </lable> <input type="text" placeholder="your name"/>
<br/><br/>
<input type="reset" />
<br/><br/>
<input type="reset" value="Reset_Button"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Reset Example

HTML Input Tag With Submit Example

HTML Input Tag With Submit Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Submit Example </h2>
<form>
<lable> Enter Your Name: </lable> <input type="text" placeholder="your name"/>
<br/><br/>
<input type="submit" />
<br/><br/>
<input type="submit" value="button_one"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Submit Example

HTML Input Tag With Week Example

HTML Input Tag With Week Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Week Example </h2>
<form>
<lable> Enter Time: </lable> <input type="week" />
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Week Example

HTML Input Tag With URL Example

HTML Input Tag With URL Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With URL Example </h2>
<form>
<lable> Enter URL Here: </lable> <input type="url" />
</form>
</body>
</html>
OUTPUT
HTML Input Tag With URL Example

HTML Input Tag With Time Example

HTML Input Tag With Time Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Time Example </h2>
<form>
<lable> Enter Time: </lable> <input type="time" />
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Time Example

HTML Input Tag With Tel Example

HTML Input Tag With Tel Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Tel Example </h2>
<form>
<lable> Enter Your Phone Number: </lable> <input type="tel" />
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Tel Example

HTML Input Tag With Range Example

HTML Input Tag With Range Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Range Example </h2>
<form>
<lable> Select Your Range: </lable> <input type="range" min="0" max="100"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Range Example

HTML Input Tag With Search Example

HTML Input Tag With Search Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Search Example </h2>
<form>
<lable> Search: </lable> <input type="search" />
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Search Example

HTML Input Tag With Number Example

HTML Input Tag With Number Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Number Example </h2>
<form>
<lable> Enter the number (greater then 1 and less then 100): </lable> <input type="number" min="1" max="100"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Number Example

HTML Input Tag With File Example

HTML Input Tag With File Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With File Example </h2>
<form>
<lable> Select Date: </lable> <input type="file"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With File Example

HTML Input Tag With Email Example

HTML Input Tag With Email Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Email Example </h2>
<form>
<lable> Enter Your Email: </lable> <input type="email"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Email Example

HTML Input Tag With Date Time Example

HTML Input Tag With Date Time Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Date Time Example </h2>
<form>
<lable> Enter Date and Time: </lable> <input type="datetime-local"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Time Example

HTML Input Tag With Date Example

HTML Input Tag With Date Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Date Example </h2>
<form>
<lable> Enter Date: </lable> <input type="date"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Date Example

HTML Input Tag With Color Example

HTML Input Tag With Color Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Color Example </h2>
<form>
<lable> Select Your Color: </lable> <input type="color"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Color Example

HTML Input Tag With Radio Example

HTML Input Tag With Radio Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Radio Example </h2>
<form>
<lable> Here You Accept the term and condition </lable> <input type="radio" name="accept"/> Accept
<input type="radio" name="accept"/> Not Accept
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Radio Example

HTML Input Tag With Checkbox Example

HTML Input Tag With Checkbox Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Checkbox Example </h2>
<form>
Which Subject You Select <br/>
<lable> Science </lable> <input type="checkbox"/> <br/>
<lable> Maths </lable> <input type="checkbox"/> <br/>
<lable> Hindi </lable> <input type="checkbox"/> <br/>
<lable> English </lable> <input type="checkbox"/> <br/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Checkbox Example

HTML Input Tag With Password Example

HTML Input Tag With Password Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Password Example </h2>
<form>
<lable> Enter Your Password: </lable> <input type="password"/>
<br/><br/>
<lable> Enter Your Password: </lable> <input type="password" name="pwd"/>
<br/><br/>
<lable> Enter Your Password: </lable> <input type="password" id="pwd"/>
<br/><br/>
<lable> Enter Your Password: </lable> <input type="password" size="30"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With Password Example

HTML Input Tag With Text Example

HTML Input Tag With Text Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Input Tag With Text Example </h2>
<form>
<lable> Enter Your Name: </lable> <input type="text"/>
<br/><br/>
<lable> Enter Your Name: </lable> <input type="text" Name="U_name"/>
<br/><br/>
<lable> Enter Your Name: </lable> <input type="text" id="U_name"/>
<br/><br/>
<lable> Enter Your Name: </lable> <input type="text" value="your name"/>
<br/><br/>
<lable> Enter Your Name: </lable> <input type="text" placeholder="your name"/>
<br/><br/>
<lable> Enter Your Name: </lable> <input type="text" size="30"/>
</form>
</body>
</html>
OUTPUT
HTML Input Tag With All Attribute Example