- Olevel M2 R5 Practical Questions
Hello Students in this post you will learn about our Mairathan class questions with answers. We have completed our mairathan on our Youtube Channel Olevel Guruji.So must subscribe our youtube channel Olevel Guruji.
Question 1- Write Html 5 code with CSS as follows-
1. To create form to accept name,age, email address, from the user.
2. Create a submit button to send the data.
3. The heading of the form should have a background colour and a different font style
Coding
<html>
<head>
<style>
h1
{
font-family: Cambria;
background-color: Black;
color: White;
text-align: center;
}
</style>
</head>
<body>
<h1>HTML Forms</h1>
<form>
<b>
Name:
<input type=”text” id=”name” name=”name” placeholder=”Name”><br><br>
Age:
<input type=”text” id=”age” name=”age” placeholder=”Age” ><br><br>
E-mail:
<input type=”text” id=”email” name=”email” placeholder=”E-mail” ><br><br>
<input type=”submit” value=”Submit”>
</b>
</form>
</body>
</html>
Question 2- Write a HTML Code to create Registration Form
Coding
<html>
<head>
<title>
Registration Page
</title>
</head>
<body>
<br>
<h1><center><font color=”red”> Registration Form</font></center></h1>
<form><h3> <center>
Firstname <input type=”text” name=”firstname” size=”15″/> <br> <br>
Middlename:
<input type=”text” name=”middlename” size=”15″/> <br> <br>
Lastname:
<input type=”text” name=”lastname” size=”15″/> <br> <br>
Course :
<select>
<option value=”Course”>Course</option>
<option value=”BCA”>BCA</option>
<option value=”BBA”>BBA</option>
<option value=”B.Tech”>B.Tech</option>
<option value=”MBA”>MBA</option>
<option value=”MCA”>MCA</option>
<option value=”M.Tech”>M.Tech</option>
</select>
<br>
<br>
Gender :
<br>
<input type=”radio” name=”male”/> Male <br>
<input type=”radio” name=”female”/> Female <br>
<input type=”radio” name=”other”/> Other
<br>
<br>
Phone :
<input type=”text” name=”country code” value=”+91″ size=”2″/>
<input type=”text” name=”phone” size=”10″/> <br> <br>
Address
<br>
<textarea cols=”80″ rows=”5″ value=”address”>
</textarea>
<br> <br>
Email:
<input type=”email” id=”email” name=”email”/> <br>
<br> <br>
Password:
<input type=”Password” id=”pass” name=”pass”> <br>
<br> <br>
Re-type password:
<input type=”Password” id=”repass” name=”repass”> <br> <br>
<input type=”button” value=”Submit”/>
</form>
</body>
</html>
Question 3- Write a JavaScript that calculates the squares and cubes of the numbers from 0 to 10 and outputs HTML text that displays the resulting values in an HTML table format
Coding
<html>
<head>
<script>
document.write( “<table border=1> <tr> <th>Number</th> <th>Square</th> <th>Cube</th> </tr>” )
for(var n=0; n<=10; n++)
{
document.write( “<tr><td>” + n + “</td><td>” + n*n + “</td><td>” + n*n*n + “</td></tr>” )
}
document.write( “</table>” )
</script>
</head>
</html>
Question 4- WAP to print the calculator.
Coding
<html>
<head>
</head>
<body>
<script>
function insert(num){
document.form.textView.value=document.form.textView.value+num;
}
function equal(){
var exp = document.form.textView.value;
if(exp){
document.form.textView.value=eval(document.form.textView.value);
}
}
function c(){
document.form.textView.value=” “;
}
</script>
<center>
<form name=”form”>
<input type=”text” name=”textView”/><br>
<input type=”button” value=”1″ onclick=”insert(1)”/>
<input type=”button” value=”2″ onclick=”insert(2)”/>
<input type=”button” value=”3″ onclick=”insert(3)”/>
<input type=”button” value=”+” onclick=”insert(‘+’)”/>
<br><br>
<input type=”button” value=”4″ onclick=”insert(4)”/>
<input type=”button” value=”5″ onclick=”insert(5)”/>
<input type=”button” value=”6″ onclick=”insert(6)”/>
<input type=”button” value=”-” onclick=”insert(‘-‘)”/>
<br><br>
<input type=”button” value=”7″ onclick=”insert(7)”/>
<input type=”button” value=”8″ onclick=”insert(8)”/>
<input type=”button” value=”9″ onclick=”insert(9)”/>
<input type=”button” value=”*” onclick=”insert(‘*’)”/>
<br><br>
<input type=”button” value=”0″ onclick=”insert(0)”/>
<input type=”button” value=”/” onclick=”insert(‘/’)”/>
<input type=”button” value=”=” onclick=”equal()”/>
<input type=”button” value=”C” onclick=”c()”/>
<br>
</form>
</center>
</body>
</html>
Question 5 -WAP to design a form which should allow to enter your personal data.
Coding
<html>
<head>
<title> Admission Form</title>
</head>
<body><center><h1> <font color=red> Welcome To OLevel Guruji </font></h1></center>
<form>
<table width=”80%” align=”center” border=”2″> <tr><th colspan=”2″>Addmision Form</th></tr>
<tr><td> Full Name:</td>
<td><input type=”text” placeholder=”Enter your Full name”></td></tr>
<tr><td>Select Your Gender</td>
<td><input type=”radio” checked name=”Gender” value=”Male”> Male
<input type=”radio” name=”Gender” value=”Female”> Female</td></tr>
<tr>
<td>Select Course</td>
<td><select> <option value=”0″>–Select Course–</option>
<option value=”MCA”>MCA</option>
<option value=”BCA”>BCA</option>
<option value=”CCC”>CCC</option>
<option value=”DCA”>DCA</option>
<option value=”ADCA”>ADCA</option>
</select></td>
</tr>
<tr><td>Qualifications</td>
<td>
<input type=”checkbox” name=”qly”>10<sup>th</sup> <input type=”checkbox” name=”qly”>12<sup>th</sup>
<input type=”checkbox” name=”qly”>ITI <input type=”checkbox” name=”qly”> Diploma
<input type=”checkbox” name=”qly”>PolyTechnic <input type=”checkbox” name=”qly”> Diploma</td>
<tr><tr> <td>Enter Your Email</td>
<td><input type=”email” name=”email” placeholder=”e.g. abc@gmail.com”></td></tr
<tr>
<td>Create New Password</td> <td><input type=”Password”></td> </tr>
<tr>
<td colspan=”2″ align=”center”>
<input type=”Submit” value=”Submit”>
<input type=”Reset” value=”Reset”></td>
</tr>
</table>
</form>
</body>
</html>
Question 6- WAP to print the table like
Coding
<html>
<body>
<center>
<table border=”1″ width=”400″ cellpadding=”10px;”>
<tr>
<td align=”right”>Country</td> <td colspan=”2″ align=”center”>Population(In Crores)<tr>
<tr>
<td rowspan=”3″ align=”right”>INDIA</td>
<td align=”right”>1998</td><td align=”right”>85</td></tr>
<tr><td align=”right”>1999</td><td align=”right”>98</td></tr>
<tr><td align=”right”>2000</td><td align=”right”>100</td>
</tr>
<tr>
<td rowspan=”3″ align=”right”>England</td>
<td align=”right”>1998</td><td align=”right”>30</td></tr>
<tr><td align=”right”>1999</td><td align=”right”> 35</td></tr>
<tr><td align=”right”>2000</td><td align=”right”> 48</td>
</tr>
<tr>
<td rowspan=”3″ align=”right”>Srilanka</td>
<td align=”right”>1998</td><td align=”right”>25</td>
</tr>
<tr>
<td align=”right”>1999</td> <td align=”right”>30</td></tr>
<tr><td align=”right”>200</td><td align=”right”>35</td>
</tr>
</table>
</body>
</html>
Question 7- To create an html document as shown in the question. You need to create 1 mainfileFrame.html and six frame file at the same location.
Coding –
mainfileFrame.html
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows=”20%, 40%, 40%”>
<frame name=”top” src=”frame1.html”>
<frameset cols=”50%, 50%”>
<frame name=”left” src=”frame2.html”>
<frame name=”Right” src=”frame3.html”>
</frameset>
<frameset cols=”,,*”>
<frame name=”left” src=”frame4.html”>
<frame name=”center” src=”frame5.html”>
<frame name=”right” src=”frame6.html”>
</frameset>
</frameset>
</html>
frame1.html
<html>
<body bgcolor=”pink”>
<font face=”Algerian” size=”4″>
First Frame Name and Address
</font>
</body>
</html>
frame2.html
<html>
<body bgcolor=”yellow”>
<font face=”Arial” size=”4″>
This is second frame
</font>
</body>
</html>
frame3.html
<html>
<body bgcolor=”green”>
<font face=”Algerian” size=”4″>
This is Third Frame
</font>
</body>
</html>
frame4.html
<html>
<body bgcolor=”green”>
<font face=”Arial Black” size=”4″>
This is Fourth Frame
</font>
</body>
</html>
frame5.html
<html>
<body bgcolor=”blue”>
<font face=”Arial Black” size=”4″>
This is Fifth Frame
</font>
</body>
</html>
frame6.html
<html>
<body bgcolor=”orange”>
<font face=”Algerian” size=”4″>
This is Sixth Frame
</font>
</body>
</html>
Thanks For Reading the Artical. I hope you will understand the Olevel M2 R5 Practical Questions well. For Video Class click on the below link and subscribe our channel.
Also Check the below links
OLevel Practical Question Jan2023
https://www.youtube.com/@olevelguruji
W3 Grid Examples
<html>
<head>
<link rel=”stylesheet” href=”w3.css”>
</head>
<body>
<h1> Welcome in Careersknoledge </h1>
<div class=”w3-row”>
<div class=”w3-col s6 m4 l3″>
<p class=”w3-red”>6 columns on a small screen, 4 on a medium screen, and 3 on a large screen.</p>
</div>
<div class=”w3-col s6 m4 l3″>
<p class=”w3-blue”>6 columns on a small screen, 4 on a medium screen, and 3 on a large screen.</p>
</div>
<div class=”w3-col s6 m4 l3″>
<p class=”w3-green”>6 columns on a small screen, 4 on a medium screen, and 3 on a large screen.</p>
</div>
<div class=”w3-col s6 m4 l3″>
<p class=”w3-black”>6 columns on a small screen, 4 on a medium screen, and 3 on a large screen.</p>
</div>
</div>
</body>
</html>
I am glad i got to find your THIS site. I have been examining out a few of your articles and its pretty stuff to read. I will surely bookmark your blog to make sure I could get an up to date post. You can find more info here 🙂
regards
thanks