SlideShare a Scribd company logo
1 of 12
Computer Practical Exam
1. Registration form using HTML. (10)
HTML CODE:
<html>
<head>
<title> Registration Form </title>
</head>
<body>
<center><table border=2>
<tr>
<td colspan=2><center>Registration Form</center></td>
</tr>
<tr>
<td>Name:</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Address:</td>
<td><textarea rows=5 cols=30></textarea></td>
</tr>
<tr>
<td>Gender:</td>
<td><input type="radio" name="gender">Male
<input type="radio" name="gender">Female</td>
</tr>
<tr>
<td>Hobbies:</td>
<td><input type="checkbox">Reading
<input type="checkbox">Writing
<input type="checkbox">Dancing</td>
</tr>
<tr>
<td>City:</td>
<td>
<select name="city">
<option>Surat</option>
<option>Mumbai</option>
<option>Rajkot</option>
<option>Pune</option>
</select>
</td>
</tr>
<tr>
<td colspan=2>
<center>
<input type="submit" name="submit">
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<input type="reset" name="reset"></td>
</center>
</tr>
</table>
</center>
</body>
</html>
2. CSS. (05)
3. Registration form in KompoZer. (05)
4. Registration form validation using JavaScript. (10)
Javascript code for validation:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>regi</title>
<script>
function validateform()
{
var x=document.form1.name.value;
var y=document.form1.pincode.value;
if(x==null || x=="")
{
alert("Please enter your name");
document.form1.name.focus();
return false;
}
if(y=="" || isNaN(y) || y.length<6 || y.length>6)
{
alert("Please enter your pincode");
document.form1.pincode.focus();
return false;
}
if((document.form1.gender[0].checked==false)&&
(document.form1.gender[1].checked==false))
{
alert("Select your gender: Male or Female");
document.form1.gender[0].focus();
return false;
}
if((document.form1.singing.checked==false)&&
(document.form1.dancing.checked==false))
{
alert("Select your atleast one hobby");
document.form1.singing.focus();
return false;
}
}
</script>
</head>
(Go to form properties-> Advanced edit-> Javascript
event : write “return validateform()”)
5. Website. (20)
1. Design (10)
2. Scripting (10)
Name of all checkbox will be same. Here “add” is given
name.
In every checkbox properties, write event name. Here:
onchange=checkTotal().
(Go to form properties-> Advanced edit-> Javascript event
: write “return validateform()”)
<script>
function checkTotal() {
document.index.Total.value =' ';
var sum = 0;
for (i=0;i<document.index.add.length;i++) {
if (document.index.add[i].checked) {
sum = sum + parseInt(document.index.add[i].value);
} } document.index.Total.value = sum; }
function validateform() {
if((document.index.add[0].checked==false) &&
(document.index.add[1].checked==false) &&
(document.index.add[2].checked==false))
{ alert("Select atleast one option");
document.index.add[0].focus();
return false; }
alert("Order Successfully Placed");
}
</script>

More Related Content

Similar to 12th Computer practical pattern (sci & com both)

Similar to 12th Computer practical pattern (sci & com both) (20)

Form & frame
Form & frameForm & frame
Form & frame
 
Lect# 1 html part ii
Lect# 1 html part iiLect# 1 html part ii
Lect# 1 html part ii
 
Lab final
Lab finalLab final
Lab final
 
data insert in codeigniter.pptx
data insert in codeigniter.pptxdata insert in codeigniter.pptx
data insert in codeigniter.pptx
 
Computer Html Links
Computer Html Links Computer Html Links
Computer Html Links
 
Railway res form
Railway res formRailway res form
Railway res form
 
Webpro2 pert6 7_login_menu_
Webpro2 pert6 7_login_menu_Webpro2 pert6 7_login_menu_
Webpro2 pert6 7_login_menu_
 
HTML Tables and Forms
HTML Tables and Forms HTML Tables and Forms
HTML Tables and Forms
 
Html
HtmlHtml
Html
 
Java script form validation
Java script  form validationJava script  form validation
Java script form validation
 
Tables and their padding in HTML etc.pptx
Tables and their padding in HTML etc.pptxTables and their padding in HTML etc.pptx
Tables and their padding in HTML etc.pptx
 
Practicals it
Practicals itPracticals it
Practicals it
 
html file
html filehtml file
html file
 
Html 5-tables-forms-frames (1)
Html 5-tables-forms-frames (1)Html 5-tables-forms-frames (1)
Html 5-tables-forms-frames (1)
 
Html tables examples
Html tables   examplesHtml tables   examples
Html tables examples
 
01 HTML-Tables-1.pptx
01 HTML-Tables-1.pptx01 HTML-Tables-1.pptx
01 HTML-Tables-1.pptx
 
vue-components.pdf
vue-components.pdfvue-components.pdf
vue-components.pdf
 
Sessionex1
Sessionex1Sessionex1
Sessionex1
 
Html - Tables, Forms and Frames by Telerik Academy
Html - Tables, Forms and Frames by Telerik AcademyHtml - Tables, Forms and Frames by Telerik Academy
Html - Tables, Forms and Frames by Telerik Academy
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
 

Recently uploaded

PANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxPANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxakanksha16arora
 
How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17Celine George
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxCeline George
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsSandeep D Chaudhary
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17Celine George
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jisc
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptNishitharanjan Rout
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsNbelano25
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17Celine George
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
What is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxWhat is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxCeline George
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxPooja Bhuva
 

Recently uploaded (20)

PANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxPANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptx
 
How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
Our Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdfOur Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdf
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
What is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxWhat is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 

12th Computer practical pattern (sci & com both)

  • 1. Computer Practical Exam 1. Registration form using HTML. (10) HTML CODE: <html> <head> <title> Registration Form </title> </head> <body> <center><table border=2> <tr> <td colspan=2><center>Registration Form</center></td> </tr> <tr> <td>Name:</td> <td><input type="text"></td> </tr> <tr> <td>Address:</td> <td><textarea rows=5 cols=30></textarea></td> </tr>
  • 2. <tr> <td>Gender:</td> <td><input type="radio" name="gender">Male <input type="radio" name="gender">Female</td> </tr> <tr> <td>Hobbies:</td> <td><input type="checkbox">Reading <input type="checkbox">Writing <input type="checkbox">Dancing</td> </tr> <tr> <td>City:</td> <td> <select name="city"> <option>Surat</option> <option>Mumbai</option> <option>Rajkot</option> <option>Pune</option> </select> </td> </tr> <tr> <td colspan=2> <center> <input type="submit" name="submit"> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <input type="reset" name="reset"></td> </center> </tr> </table> </center> </body> </html>
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. 3. Registration form in KompoZer. (05)
  • 10. 4. Registration form validation using JavaScript. (10) Javascript code for validation: <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>regi</title> <script> function validateform() { var x=document.form1.name.value; var y=document.form1.pincode.value; if(x==null || x=="") { alert("Please enter your name"); document.form1.name.focus(); return false; } if(y=="" || isNaN(y) || y.length<6 || y.length>6) { alert("Please enter your pincode"); document.form1.pincode.focus();
  • 11. return false; } if((document.form1.gender[0].checked==false)&& (document.form1.gender[1].checked==false)) { alert("Select your gender: Male or Female"); document.form1.gender[0].focus(); return false; } if((document.form1.singing.checked==false)&& (document.form1.dancing.checked==false)) { alert("Select your atleast one hobby"); document.form1.singing.focus(); return false; } } </script> </head> (Go to form properties-> Advanced edit-> Javascript event : write “return validateform()”)
  • 12. 5. Website. (20) 1. Design (10) 2. Scripting (10) Name of all checkbox will be same. Here “add” is given name. In every checkbox properties, write event name. Here: onchange=checkTotal(). (Go to form properties-> Advanced edit-> Javascript event : write “return validateform()”) <script> function checkTotal() { document.index.Total.value =' '; var sum = 0; for (i=0;i<document.index.add.length;i++) { if (document.index.add[i].checked) { sum = sum + parseInt(document.index.add[i].value); } } document.index.Total.value = sum; } function validateform() { if((document.index.add[0].checked==false) && (document.index.add[1].checked==false) && (document.index.add[2].checked==false)) { alert("Select atleast one option"); document.index.add[0].focus(); return false; } alert("Order Successfully Placed"); } </script>