Scribd
Upload
11 views4 pages

Ui 7

The document provides examples of using HTML & HTML5 select tags, input file types, and textarea tags for creating dropdown menus, file upload forms, and feedback forms, respectively. It includes multiple HTML examples demonstrating these functionalities within forms. Additionally, it presents employee login forms with fields for username and password.

Uploaded by

bommajirupesh1234
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
11 views4 pages

Ui 7

The document provides examples of using HTML & HTML5 select tags, input file types, and textarea tags for creating dropdown menus, file upload forms, and feedback forms, respectively. It includes multiple HTML examples demonstrating these functionalities within forms. Additionally, it presents employee login forms with fields for username and password.

Uploaded by

bommajirupesh1234
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 tags:

=================
HTML & HTML5 supports select tag.The main objective of select tag is create
the dropdown menu's as per the application reqn.

<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 & HTML_5</title>
</head>
<body>
<fieldset>
<legend>City_State_Country</legend>
<center>
<table border="3">
<form action="" method="post">
<tr>
<td>
<select name="" id="">
<option value="">--City---</option>
<option value="">Hyderabad</option>
<option value="">Mumbai</option>
<option value="">Banguluru</option>
<option value="">Calcutta</option>
</select>
</td>
<td>
<select name="" id="">
<option value="">--State---</option>
<option value="">TG</option>
<option value="">MH</option>
<option value="">KA</option>
<option value="">WB</option>
</select>
</td>
<td>
<select name="" id="">
<option value="">--Country---</option>
<option value="">India</option>
<option value="">USA</option>
<option value="">UK</option>
<option value="">Canada</option>
</select>
</td>
<td><input type="submit" value="SUBMIT">
<input type="reset" value="RESET">
</td>
</tr>
</form>
</table>
</center>
</fieldset>

</body>
</html>

Working on input type="file":


===================

Ex1:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML_5</title>
</head>
<body>
<fieldset>
<legend>HTML_File</legend>
<center>
<form action="" method="post">
<label for="">Upload a file</label>
<input type="file">
<input type="submit" value="UPLOAD_HERE">
</form>

</center>
</fieldset>

</body>
</html>

Working on textarea tag:


================
HTML & HMTL5 supports texarea tag.It is a paired tag.The main objective of
textarea tag is meant for provide from the end_user.
Ex1:
===
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML & HTML_5</title>
</head>
<body>
<fieldset>
<legend>HTML_File</legend>
<center>
<form action="" method="post">
<label for="">Dear students your feedback mattars</label>
<textarea name="" id="" placeholder="your feedback
matters"></textarea>
<input type="submit" value="SUBMIT">
<input type="reset" value="RESET">
</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 & HTML_5</title>
</head>
<body>
<hr>
<center>
<h1><tt>Welcome to IHUB_IT_SERVICES</tt></h1>
</center>
<hr>
<fieldset>
<legend>Employee_Login_Form</legend>
<center>
<table>
<tr>
<td><label for="">Username</label></td>
<td><input type="text" placeholder="Username" required></td>
</tr>
<tr>
<td><label for="">Password</label></td>
<td><input type="password" placeholder="Password"
required></td>
</tr>
</tr>
<tr>
<td><label for="">Confirm_Password</label></td>
<td><input type="password" placeholder="Confirm_Password"
required></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="LOGIN">
<input type="reset" value="RESET">
</td>
</tr>
</table>
</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 & HTML_5</title>
</head>
<body>
<hr>
<center>
<h1><tt>Welcome to IHUB_IT_SERVICES</tt></h1>
</center>
<hr>
<fieldset>
<legend>Employee_Login_Form</legend>
<center>
<table border="2">
<tr>
<td><label for="">Username</label></td>
<td><input type="text" placeholder="Username" required></td>
</tr>
<tr>
<td><label for="">Password</label></td>
<td><input type="password" placeholder="Password"
required></td>
</tr>
</tr>
<tr>
<td><label for="">Confirm_Password</label></td>
<td><input type="password" placeholder="Confirm_Password"
required></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="LOGIN">
<input type="reset" value="RESET">
</td>
</tr>
</table>
</center>

</fieldset>

</body>
</html>

You might also like