Web Technology Slip 13

Design a login form with fields User Name, Password and Login button. Write a java script code to accept username and password, validate login details and display a message accordingly.

Answer :

<html> <head> <script> function validate() { var username,password; username = document.getElementById("username").value; password = document.getElementById("password").value; if ( username == "Username" && password == "Password") { alert ("Login successfully"); } else { alert("username & password is wrong") } } </script> </head> <body> <form> User Name : <input type="text" id="username"/>//Username : Username <br/><br/> Password : <input type="password" id="password"/> // Password : Password<br/><br/> <input type="button" value="Login" id="submit" onclick="validate()"/> </form> </body> </html>

Write a HTML code which will divide web page in three frames. First frame should consists of name of college as heading. Second frame should consists of name of courses with hyperlink. Once click on any course it should display subject of that course in third frame

Answer :

File Name : main_fream.html

<!DOCTYPE html> <html> <frameset rows = "21%,*"> <frame name = "top" src = "frame_1.html" /> <frameset cols = "30%,*"> <frame name = "main" src = "frame_2.html" /> <frame name = "button" src = "frame" /> </frameset> </frameset> </html>

File Name : frame_1.html

<html> <body> <head><h1><center><font color="orange">College <br/>of Commerce, Science & Computer Education <br/>(Bk),</center><font/></h1></head> </body> </html>

File Name : frame_2.html

<html> <title>Assignment No.4 B1</title> <body> <ul>Courses <ol type="1"> <li><a href="pune.html" target="button">B.SC(sci)</a></li> <li><a href="Mumbai.html" target="button">BCA</a></li> <li><a href="New Delhi.html" target="button">BBA</a></li> </ol> </ul> </body> </html>

File Name : Mumbai.html

<html> <body> <ul type="square">BCA <ul type="circle"> <li style="color: #FF5733">Computer Organization</li> <li style="color:hsl(300, 100%, 70%)">Adavance Programming in C</li> <li style="color:rgb(255, 204, 0)">Applied Mathematics-I</li> <li style="color: #FF5733">RDBMS</li> <li style="color:hsl(300, 100%, 70%)">Lab -I</li> <li style="color:rgb(255, 204, 0)">Lab - II</li> </ul> </ul> </html>

File Name : New Delhi.html

<html> <title> Assignment no.4 b2</title> <body> <ul type="square">BBA <ul type="circle"> <li style="color: #FF5733">Modern Operating Environment & MS Office </li> <li style="color:hsl(300, 100%, 70%)">Financial Accounting </li> <li style="color:rgb(255, 204, 0)">Programming Principal & Algorithms </li> <li style="color: #FF5733">Business Communication</li> <li style="color:hsl(300, 100%, 70%)">Principles of Management </li> <li style="color:rgb(255, 204, 0)">Laboratory Course –I [Based on Paper No. 101 & 102] </li> </ul> </ul> </html>

File Name : pune.html

<html> <body> <ul type="square">B.sc(sci) <ul type="circle"> <li style="color: #FF5733">Computers and 'C' Programming </li> <li style="color:hsl(300, 100%, 70%)">File Organization and Fundamental of Databases</li> <li style="color:rgb(255, 204, 0)">Computer Science Practical Paper I </li> <li style="color: #FF5733">Computer Science Practical Paper II </li> <li style="color:hsl(300, 100%, 70%)">Electronics Paper I & II & III </li> <li style="color:rgb(255, 204, 0)">Mathematics Paper I & II & III</li> </ul> </ul> </body> </html>

Team Analytics

Web Technology Slip 13

Design a login form with fields User Name, Password and Login button. Write a java script code to accept username and password, validate login details and display a message accordingly.

Write a HTML code which will divide web page in three frames. First frame should consists of name of college as heading. Second frame should consists of name of courses with hyperlink. Once click on any course it should display subject of that course in third frame

No comments:

Search This Blog

Pages

Popular Posts

Labels