Scribd
Upload
32 views

HTML 5

Uploaded by

M
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
32 views

HTML 5

Uploaded by

M
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

Working with select tag:

==============
HTML & HTML5 supports select tag.The main objective of select tag is to create
dropdown menu or list of information.select is a paired tag.

<select>
<option>---</option>
</select>

Ex1:
==
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML5</title>
</head>
<body>
<fieldset>
<legend>CITY/STATE/COUNTRY</legend>
<center>
<form action="" method="post">
<table border="3">
<tr>
<td><label for="">City-State-Country</label></td>
<td>
<select name="" id="">
<option value="">--City--</option>
<option value="">Hyderabad</option>
<option value="">Banguluru</option>
<option value="">Mumbai</option>
<option value="">Delhi</option>
</select>
<select name="" id="">
<option value="">--State--</option>
<option value="">TG</option>
<option value="">KA</option>
<option value="">MH</option>
<option value="">Delhi</option>
</select>
<select name="" id="">
<option value="">--Country--</option>

<option value="">India</option>
<option value="">USA</option>
<option value="">AUS</option>
<option value="">KOREA</option>
<option value="">LONDON</option>
</select>
</td>
</tr>

</table>
</form>
</center>
</fieldset>

</body>
</html>

Working on textarea tag:


================
HTML & HTML5 supports textarea tag.The main objective of textarea tag is provide
commment/feedback area.

Ex1:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML5</title>
</head>
<body>
<fieldset>
<legend>HTML/HTML5</legend>
<center>
<form action="" method="post">
<label for="">Comment here will we become a software developer or
not</label>
<textarea placeholder="comment about ourself" name=""
id=""></textarea>
</form>

</center>
</fieldset>

</body>
</html>

Ex2:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML5</title>
</head>
<body>
<fieldset>
<legend>HTML/HTML5</legend>
<center>
<form action="" method="post">
<input type="date">
</form>

</center>
</fieldset>

</body>
</html>
Ex3:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML5</title>
</head>
<body>
<fieldset>
<legend>HTML/HTML5</legend>
<center>
<form action="" method="post">
<input type="file" value="UPLOAD">
</form>

</center>
</fieldset>

</body>
</html>

Ex4:
==
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML5</title>
</head>
<body>
<hr>
<center>
<h1><tt>Welcome to IHUB Registration</tt></h1>
</center>
<hr>
<br>
<hr>
<fieldset>
<legend>Registration_Form</legend>
<center>
<table border="3">
<form action="" method="post">
<tr>
<td><label for="">First_Name</label></td>
<td><input type="text" placeholder="First_Name" required
title="Ex:Rahul" pattern="[A-Z]{1}[a-z]*"></td>
</tr>
<tr>
<td><label for="">Last_Name</label></td>
<td><input type="text" placeholder="Last_Name" required
title="Ex:Verma" pattern="[A-Z]{1}[a-z]*"></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="REGISTER">
<input type="reset" value="RESET">
</td>
</tr>
</form>

</table>
</center>
</fieldset>
<hr>

</body>
</html>

Regex object for Indian Mobile number:


=========================
+91-6/7/8/9090123123

[+]{1}[9]{1}[1]{1}-[6-9]{1}[0-9]{9}

Regex object for gmail Address:


====================
[email protected]
\w[A-Za-z0-9._]*@gmail[.]com

You might also like