Suppose you are a web developer in a software house. There you are asked to develop the following Student Registration Form for the Virtual University of Pakistan web portal. Name this page as signup.html.
Some Form Validations
- Back ground color for the text “Virtual University Student Registration” should be Green.
- Border color should be Red.
- Font size should be -1.
- Implement a character limit on ‘University Email’ textbox as user may not enter more than twenty (20) characters.
- Password and Verify Password length should not exceed Ten (10) characters.
- Male radio button should be selected by default.
- All the text boxes should be aligned properly.
<html> <body> <h2 style="background-color:green;">Virtual University Student Registration</h2>
<form name="input" action="html_form_action.asp" method="get"><br>
<table border='1' border-color='read'><tr><td></td></tr>
University Email: </td><td> <input type="text" name="firstname">
Choose Password: </td><td> <input type="text" name="lastname">
Verify Password:</td> <td> <input type="text" name="lastname">
<input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female</td></tr>
<tr><td align='right' colspan='2'>
<input type="submit" value="Submit"></td></tr></table> </form>
An Educational Institute wants to develop a web page. The page will be divided into two columns where left column will be ¼ of the total width. They want to put some links on the left frame like Virtual University of Pakistan and Higher Education Commission. On the right frame they want to add a form in which user can select his / her favorite subjects from multiple ones and can add some comments regarding the web page improvement. After all a Submit button is required on the page.
As a developer you are asked to provide sample HTML template pages in which the main page should be named as index.html. Left and right frame pages should be named as left.html, right.html respectively. In left.html you will create two hyperlinks on the texts “VU Home Page” and “Visit HEC”. In right frame you will use subjects.html page. As for as favorite subjects and comments page concern it should be named as subjects.html.
In this page you will create a form where multiple subjects might be selected using checkboxes. Textarea form element should be used to limit user response to 100 characters. And at the end of the form, there should be a Submit Button.
Download the Second Question Answer here.IT430 ans 2 vupaktutorial