Aim: To study And Implement Javascript in Html

A scripting language is a form of programming language that is usually interpreted rather than compiled. Conventional programs are converted permanently into executable files before they are run. In contrast, programs in scripting language are interpreted one command at a time. Scripting languages are often written to facilitate enhanced features ofWeb sites. These features are processed on the server but the script in a specific page runs on the user's browser. In most cases, it is easier to write the code in a scripting language than in a compiled language. However, scripting languages are slower because the instructions are not handled solely by the basic instruction processor. Scripting languages allow rapid development and can communicate easily with programs written in other languages. Scripting languages can be used to create specialized GUIs (graphical user interfaces) and forms that enhance the convenience of search engines, Web-based e-mail and e-commerce. Many Web sites require that the user's browser be set to run scripts to take advantage of all the features of the site. In some cases, Web sites are practically useless unless the user's computer is set to run programs locally in a scripting language.
         

bash Bourne shell C shell ECMAScript JavaScript JScript LotusScript Perl PHP Python

Types of Scripting  Client Side  Server Side

Client Side Scripting:
Client-side scripting generally refers to the class of computer programs on the web that are executed client-side, by the user's web browser, instead of server-side (on [1] the web server). This type ofcomputer programming is an important part of the Dynamic HTML (DHTML) concept, enabling web pages to be scripted; that is, to have different and changing content depending on user input, environmental conditions (such as the time of day), or other variables. Client-side scripts are often embedded within an HTML or XHTML document (hence known as an "embedded script"), but they may also be contained in a separate file, which is referenced by the document (or documents) that use it (hence known as an "external script"). Upon request, the necessary files are sent to the user's computer by the web server (or servers) on which they reside. The user's web browser executes the script, then displays the document, including any visible output from the script. Client-side scripts may also contain instructions for the browser to follow in response to certain user actions, (e.g., clicking a button). Often, these instructions can be followed without further communication with the server. By viewing the file that contains the script, users may be able to see its source code. Client-side scripts have greater access to the information and functions available on the user's browser, whereas server-side scripts have greater access to the information and functions available on the server

Server Side Scripting:
server-side scripts, written in languages such as Perl, PHP, ASP.NET, Java, and server-side VBScript, are executed by the web server when the user requests a document. They produce output in a format understandable by web browsers (usually HTML), which is then sent to the user's computer. The user cannot see the script's source code (unless the author publishes the code separately), and may not even be aware that a script was executed. Documents produced by server-side scripts may, in turn, contain client-side scripts. Server-side scripts require that their language's interpreter be installed on the server, and produce the same output regardless of the client's browser, operating system, or other system details.

Java Script:
It is a prototype-based scripting language that is dynamic, weakly typed and has first[5] class functions. It is a multi-paradigm language, supporting object-oriented, imperative, [1][6] and functional programming styles.     
JavaScript was designed to add interactivity to HTML pages JavaScript is a scripting language A scripting language is a lightweight programming language JavaScript is usually embedded directly into HTML pages JavaScript is an interpreted language (means that scripts execute without preliminary compilation)

 Imperative and structured
JavaScript supports much of the structured programming syntax from C (e.g., if statements, while loops, switch statements, etc.). One partial exception is scoping: C-style block-level scoping is not supported (instead, JavaScript has function-level scoping). JavaScript 1.7, however, supports block-level scoping with the let keyword. Like C, JavaScript makes a distinction between expressionsand statements. One syntactic difference from C is automatic semicolon insertion, in which the semicolons that terminate statements can be [21] omitted.

As in most scripting languages, types are associated with values, not with variables. For example, a variable x could be bound to a number, then later rebound to a string. JavaScript supports various ways to test the type of an object, including duck typing.

Object based
JavaScript is almost entirely object-based. JavaScript objects are associative arrays, augmented with prototypes (see below). Object property names are string keys: obj.x = 10 andobj['x'] = 10 are equivalent. Properties and their values can be added, changed, or deleted at run-time. Most properties of an object (and those on its prototype inheritance chain) can be enumerated using a loop. JavaScript has a small number of built-in objects such as Function and Date.

write('Hello World!'). // holds a reference to the <h1> tag h1 = document.01//EN" "http://www.w3. or has JavaScript turned off.getElementByTagName("h1")[0].getElementById("header"). var h1 =</p> </noscript> </body> </html> A sample User Registration Form using javascript and Html <html> <head> <title>User Registration Form</title> <meta http-equiv="Content-Type" content="text/html.A sample HTML embedded javascript <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4. // accessing the same <h1> element </script> <noscript> <p>Your browser either does not support JavaScript.dtd"> <html> <head><title>simple page</title></head> <body> <h1 id="header">This is JavaScript</h1> <script type="text/javascript"> document. charset=iso-8859-1"> <script language="JavaScript" fptype="dynamicanimation"> <!-function dynAnimation() {} function clickSwapImg() {} //--> </script> .

forms[0].js"> </script> </head> <body onload="dynAnimation()"> <script language="javascript"> function verify(form) <!-. return(false).elements[1].focus().elements[1]. document. document.value=="") { alert("Please Enter User ID").value="".elements[2].forms[0].2" fptype="dynamicanimation" src="file:///C:/Program%20Files/Microsoft%20Office/Office10/fpclass/animate. document.elements[2].length<4) { alert("Password must be greater than 4 character").value. return(false). } if(document.forms[0].forms[0].value="".forms[0]. .elements[0].forms[0]. document.elements[1].focus().value=="") { alert("Please Enter your Password").forms[0].elements[0].elements[1].verify() function start here--> { if(document.elements[1].value="". } if(document.focus().<script language="JavaScript1. document.forms[0]. document.forms[0].

return(false). .elements[1]. length)) { alert("Your Password does not match with Confirm Password").elements[2].value="".value="". length)) { if((document.focus().elements[2].value=="") { alert("Please Enter your Confirm Password").forms[0].value)!=(document.value="".forms[0]. document. } <!-.forms[0]. document.elements[2].forms[0].elements[2].elements[1].return(false).forms[0].focus().elements[1].elements[1]. document.elements[1]. return(false).length)!=(document. document.v alue)) { alert("Your Password does not match with Confirm Password").forms[0]. } if((document.elements[2].forms[0].forms[0].elements[2].forms[0].forms[0].Checking of Password and ConfirmPassword's Equality --> if((document.elements[2].value="".forms[0].length)==(document.forms[0]. document. } if(document.forms[0].elements[1]. document.

elements[3]. document.forms[0]. return(false). return(false).forms[0].value=="secq") { alert("Please Select your Security Question"). return(false).elements[6].elements[5].focus().forms[0].elements[1].forms[0]. document.elements[6].value=="MM") { alert("Please select Month of DOB").forms[0].value=="") { alert("Please Answer the security question"). document. document.forms[0].forms[0]. } if(document.focus().elements[3]. } } if(document.value=="DD") { alert("Please select Day of DOB").focus().forms[0].elements[4].document.forms[0].forms[0]. } if(document. document.forms[0].elements[7]. } if(document.focus().focus().elements[7].value=="YYYY") { alert("Please select Year of DOB").focus(). } if(document. return(false). . return(false).elements[5].elements[4].

document.elements[15]. document. } if(document.forms[0]. } if(document. } if(document.value=="") { alert("Please Enter your Last Name").checked==true) <!-.elements[13]. return(false).elements[10].elements[14].elements[15].return(false).focus().forms[0].value=="Year") { alert("Please specify your Academic year").elements[14].elements[11].forms[0].Check student info if checked ::if Loop start here--> { if(document. document. return(false).value=="adminyear") { alert("Please put your Admission Year").forms[0].forms[0]. } if(document.forms[0]. return(false).forms[0].elements[11]. return(false).value=="") { alert("Please Enter your First Name").forms[0].focus().focus(). document. } .forms[0].elements[13].focus().

value.charAt(2)).elements[17].elements[16].elements[17]. } if(document.forms[0]. r4=parseInt(document.elements[17]. r5=parseInt(document.elements[17]. if((len!=7)||(r0!=0)||(r1!=1)||(r3!=3)||(r4>6 || r4<1)||(r2>9 || r2<1)) { alert("Not a valid Roll Number").charAt(4)).elements[17]. r1=document.forms[0].value.forms[0].forms[0].elements[17]. len=document.indexOf('_').focus(). document. document. r2=parseInt(document.value=="") { alert("Please put your Roll Number").focus().elements[17].Check Roll No field If Loop--> { r0=document.indexOf('2').forms[0].elements[17].length.value.value.if(document.value.forms[0]. return(false).forms[0].elements[17].value.charAt(6)). document.forms[0].focus().indexOf('k').value.forms[0]. r6=parseInt(document.forms[0].value=="dept") { alert("Please Select your Department"). } if(document.charAt(5)).forms[0].elements[17]. .elements[17].value.forms[0].forms[0]. r3=document.forms[0]. return(false).elements[16].elements[17].value!="") <!-.

return(false) }break.focus().focus().focus().forms[0].forms[0].value) { case 'IT': if(r4!=6||(r5>4||r5<0)||(r6>9||r6<0)) { alert("Not a valid Roll Number of Information Technology").return(false) } <!--Verify Department with Roll No--> switch(document.elements[16]. document. case 'ECE': if(r4!=4||(r5>4||r5<0)||(r6>9||r6<0)) { alert("Not a valid Roll Number of Electronics"). . return(false) }break.elements[16]. case 'EE': if(r4!=2||(r5>6||r5<0)||(r6>9||r6<0)) { alert("Not a valid Roll Number of Electrical Engineering").elements[16]. return(false) }break.forms[0]. document.forms[0].elements[16]. document. case 'CSE': if(r4!=5||(r5>4||r5<0)||(r6>9||r6<0)) { alert("Not a valid Roll Number of Computer Science").

document.focus().focus().focus(). case 'ME': if(r4!=3||(r5>6||r5<0)||(r6>9||r6<0)) { alert("Not a valid Roll Number of Mechanical Engineering"). return(false) }break.forms[0].document.value) { case 'Fourth': if(r2!=1||(r2>9||r2<0)) { alert("Not a valid Roll Number of Forth Year"). case 'CE': if(r4!=1||(r5>6||r5<0)||(r6>9||r6<0)) { alert("Not a valid Roll Number of Civil Engineering"). case 'Third': .forms[0].elements[16]. document. return(false) }break.focus(). document.elements[14].forms[0].elements[14].forms[0].forms[0].elements[16]. return(false) }break.elements[16]. }<!--End of Switch 1--> <!--Verify Department with Year--> switch(document. return(false) }break.

forms[0].elements[17]. return(false) }break. return(false) }break. document.forms[0]. case 'First': if(r2!=4||(r2>9||r2<0)) { alert("Not a valid Roll Number of First Year"). case 'Second': if(r2!=3||(r2>9||r2<0)) { alert("Not a valid Roll Second Year").focus().elements[14].forms[0].focus().value!="selecthostel") <!--Check Gender with Hostel::Loop Start--> { . document. document. } <!--End of Switch 2--> } <!--End of Roll No field If Loop--> if(document.elements[14].elements[14]. return(false) }break.forms[0].focus().if(r2!=2||(r2>9||r2<0)) { alert("Not a valid Roll Number of Third Year").

elements[24].elements[18]. } if(document.elements[25].elements[8].").forms[0].forms[0].Check General info if checked:: if Loop start here--> { if(document.forms[0].checked==true) <!-.forms[0].forms[0].Check student info if checked ::if Loop End here--> if(document.value=="") { alert("Please Enter Your First Name").forms[0].elements[18]. return(false).forms[0].elements[27].checked==true)&&(document.value=="") { alert("Please Enter your Last Name"). document.H.focus(). return(false).elements[18].checked==true)&&(document.value!="LH")) { alert("You are Female user::Please select L. } if((document.focus(). return(false).forms[0].forms[0].if((document.forms[0].elements[25]. } } <!--Check Gender with Hostel::Loop End--> } <!-. document.elements[9].focus(). .elements[18].value=="LH")) { alert("You are Male user::Please select Boys Hostel"). document.

return(false).elements[30].value=="state") { alert("Please Select Your State").End verify() function--> function studentclear(form) { document.focus(). } if(document.elements[33]. } } <!-. } if((document.focus().forms[0].elements[30]. document.value=="country") { alert("Please Select Your State"). return(false).elements[11].document.forms[0]. document. document. .forms[0].elements[27].elements[32]. } if(document.forms[0]. return(false).Check General info if checked ::if Loop end here--> } <!-.forms[0].elements[31].elements[32].value=="pincode")||(document. return(false).focus().elements[31].value="".forms[0].forms[0].forms[0].focus().forms[0].value="")) { alert("Please Select Your Pincode OR if Other specify").

document.forms[0].value="".elements[21].elements[36]. } .value="".forms[0].elements[11].forms[0].forms[0].value="".elements[25]. document. document.value="". document.elements[32].forms[0].forms[0].value="".elements[15].value="state".elements[17].value="". document.elements[23].elements[12].forms[0].elements[35].forms[0].forms[0].elements[13]. document. document.elements[37].forms[0].elements[25].value="". document.elements[31].value="".value="adminyear".value="".forms[0].forms[0].value="pincode".elements[19]. document.forms[0].forms[0].focus(). document. document.elements[14]. document. document.value="dept". document. } function generalclear(form) { document.forms[0]. document.elements[27].value="Year".forms[0].forms[0]. document.value="".forms[0]. document.forms[0]. document. document.forms[0]. document. document.elements[18].elements[20].value="City".value="".forms[0].value="".value="".forms[0]. document.elements[16].document.elements[33].elements[26].elements[22].value="".elements[30].forms[0]. document.elements[28].forms[0].value="".forms[0]. document.value="".value="".value="selecthostel".forms[0].forms[0].value="country".elements[34].focus(). document.elements[29].

2"> <font size="6" face="Monotype Corsiva" color="#800000">New User Registration Form</font></p> </center><br> <i><font color="#FF0000"><font face="Arial" size="4"> * </font><font face="Arial" size="2"> </font> </font> <font face="Arial" size="2"color="#FF0000"> Indicates all the fields are mandatory</font></i><hr><p> <font size="4" face="Arial. Helvetica.sans-serif"> .focus().> <form action ="" method="post" onsubmit="return verify(this. Helvetica. sans-serif" color="#FF0000"> *</font><font size="-1" face="Arial.</script> <body onLoad=document. visibility: hidden" language="Javascript1.form)"> <center> <p dynamicanimation="fpAnimelasticRightFP1" id="fpAnimelasticRightFP1" style="position: relative !important.elements[0].forms[0].

User ID: </font><b> <!--webbot bot="Validation" s-data-type="String" b-allow-letters="TRUE" b-allow-digits="TRUE" s-allow-other-chars="_" b-value-required="TRUE" i-minimum-length="4" i-maximum-length="15" --> <input name="uid" size="16" maxlength="15"> </b><font color="#FF0033" size="2"> </font><font face="Arial" size="2" color="#FF0033"> (Contains only letters (a-z). color:#008000"> <font color="#000000"size="2"> <font face="Arial"> </font></font><font color="#FF0033" size="2" face="Arial"> (Password should be of minimum 4(four) and maximum 10(ten) characters. HELVETICA" size="-1">Re-Type .</font><font size="2"><font color="#FF0033" face="Arial">)</font></p> </font> <font face="ARIAL. Helvetica.sans-serif"> Password: </font> <font color="#000000"> </font> <input type="password" name="pswd" size="9" maxlength="10" style="font-weight: bold. Helvetica. sans-serif" color="#FF0000">*</font><font face="ARIAL. Helvetica. HELVETICA" size="-1"> </font> <font size="4" face="Arial. sans-serif" color="#FF0000">* </font> <font size="-1" face="Arial. numbers (0-9) and underscore)</font><br> <b><br> </b> <font size="4" face="Arial.

Helvetica. Helvetica. <br> Frame your question such that only you know its answer. Helvetica. you can retrieve it by answering your unique hint question. sans-serif" color="#FF0000">*</font><font size="2"><font face="Arial"><font face="Arial. </i></font></font> <div align="center"><font face="Arial" size="2"></font><font face="Arial" size="2"></font><font face="Arial" size="2"></font><font face="Arial" size="2"> </font></div> <font face="Arial" size="2"><br> </font><font size="2"><font face="Arial"><font face="Arial.Password</font>:<font size="2"> <b> <input type="password" name="cpswd" size="11" maxlength="10" style="color:#008000" > </b> </font> <hr> <font size="2"> </font><font size="2"> <font face="Arial. sans-serif"> <i>If you forget your password. sans-serif"> </font></font></font><font size="4" face="Arial. sans-serif">Select a question forgetting password </font><b>: </b></font><select size="1" name="secq"> <option selected value="secq">Select a hit question . Helvetica.

Helvetica. sans-serif" size="2">Hit Answer: <input type="text" name="seca" size="21"> </font> <font size="2"><font color="#000000" face="Arial. sans-serif" color="#FF0000">*</font><font color="#000000" face="Arial. sans-serif"> </font><font color="#FF0033" . Helvetica.?</option> <option value="What is your favourite multimedia software?">What is your favourite multimedia software?</option> <option value="What is your favourite game?">What is your favourite game?</option> <option value="who is your favourite Cricketer?">who is your favourite Cricketer?</option> <option value="who is your favourite Film Actor?">who is your favourite Film Actor?</option> <option value="what is your favourite food?">what is your favourite food?</option> </select><font face="Arial"><b> </b></font> </font><p><font size="2"> </font> <font size="4" face="Arial. Helvetica.

Helvetica. sans-serif" color="#FF0000"> *</font><font face="Arial.face="Arial">(Write Your Answer)</font><font color="#000000" face="Arial"> </font> </font><font size="1"></p> </font> <hr> <div align="left"> <font face="Arial. sans-serif" size="-1"> DD MM YYYY <br> </font> <font size="4" face="Arial. Helvetica. Helvetica. sans-serif" size="-1">Date of Birth: <select size="1" name="DD"> <option selected value="DD">Day</option> <option value="1">1</option> <option value="2">2</option> .

<option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> .

<option value="30">30</option> <option value="31">31</option> </select> <select size="1" name="MM"> <option selected value="MM">Month</option> <option value="JANUARY">JAN</option> <option value="FEBRUARY">FEB</option> <option value="MARCH">MAR</option> <option value="APRIL">APR</option> <option value="MAY">MAY</option> <option value="JUNE">JUN</option> <option value="JULY">JUL</option> <option value="AUGUST">AUG</option> <option value="SEPTEMBER">SEP</option> <option value="OCTOBER">OCT</option> <option value="NOVEMBER">NOV</option> <option value="DECEMBER">DEC</option> </select> <select size="1" name="YYYY"> <option selected value="YYYY">Year</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> .

Helvetica. Helvetica. Helvetica. sans-serif" size="-1">Gender : <input type="radio" name="Male" value="male" checked> Male <INPUT type=radio value=female name=Male > Female </font> . sans-serif" size="-1"> </font> <font size="4" face="Arial. sans-serif" color="#FF0000">*</font><font face="Arial.<option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> <option value="2018">2018</option> <option value="2019">2019</option> <option value="2020">2020</option> </select> </font></div> <p><font face="Arial.

Helvetica.form)">Student </div> <div align="left"> <font face="Arial. sans-serif" size="4" color="#FF0000"> </font><img border="0" src="Picture/star. sans-serif" size="-1"> Middle Name: </font><input type="text" name="middle_name_s" size="28"></div> <div align="left"> </div> <div align="left"> <font size="4" face="Arial. sans-serif" . sans-serif" color="#FF0000"> </font><input type="radio" name="Student" value="student" onClick="generalclear(this. sans-serif">First Name: </font><input type="text" name="first_name_s" size="28"> <font size="-1" face="Arial. sans-serif"> </font></div> <div align="left"> </div> <div align="left"> <font face="Arial. Helvetica. Helvetica.<hr> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="336"> <tr> <td width="49%" height="336"> <div align="left"> <font size="4" face="Arial. Helvetica.GIF" width="13" height="17"><font size="-1" face="Arial. Helvetica. Helvetica.

GIF" width="13" height="17"> Academic Year: <select size="1" name="year"> <option value="Year" selected>Year</option> <option value="First">First</option> <option value="Second">Second</option> <option value="Third">Third</option> <option value="Fourth">Fourth</option> </select> </p> <p> <img border="0" src="Picture/star.GIF" width="13" height="16"> Year of Admission:15 <select size="1" name="adminyear"> <option value="adminyear" selected>Select Year</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select></p> . Helvetica. Helvetica. sans-serif"> </font><img border="0" src="Picture/star.GIF" width="13" height="17"><font size="-1" face="Arial. sans-serif">Last Name: </font> <input type="text" name="last_name_s" size="28"></div> <p><font size="-1" face="Arial.color="#FF0000"> </font><img border="0" src="Picture/star.

Helvetica.Mech.<p> <font color="#FF0000"> </font> <img border="0" src="Picture/star.3. Helvetica. sans-serif"> (Eg.2.Elect.6 for dept Civil. & Engineering</option> <option value="ECE">Electronics & Communication</option> <option value="EE">Electrical Engineering</option> <option value="ME">Mechanical Engineering</option> <option value="CE">Civil Engineering</option> </select></p> <p> <img border="0" src="Picture/star. Helvetica.Comp.4. sans-serif" size="2" color="#FF0033"> </font><font size="-1" face="Arial. sans-serif">Hostel No: <select size="1" name="hostelno"> <option selected value="selecthostel">Select Hostel</option> <option value="Hoste1">Hostel 1</option> <option value="Hostel2">Hostel 2</option> <option value="Hostel3">Hostel 3</option> .GIF" width="13" height="16">Department: <select size="1" name="dept"> <option selected value="dept">Select Department</option> <option value="IT">Information Technology</option> <option value="CSE">Computer Sc.5.2k1_612::Here 2k1 stands for year 2001:: 1. <input type="text" name="roll" size="7" > <font color="#FF0033" size="2" face="Arial.GIF" width="13" height="16">Roll: &nb sp.Ece and IT::Left digits indicates roll no)</font></p> <p><font face="Arial.

Helvetica. sans-serif" size="-1"> Email: <input type="text" name="email_s" size="20"> </font> </p> <p><font face="Arial. sans-serif" size="-1"> Contact No: <input type="text" size="8" name="std_s" maxlength="6"><b> . Helvetica. Helvetica. Helvetica. sans-serif" size="-1"> . sans-serif" size="-1"> Mobile No: <input type="text" size="18" name="mobno_s" maxlength="15"> </font> </p> <p><font face="Arial.<option value="Hostel4">Hostel 4</option> <option value="LH">Ladies Hostel</option> </select> </font></p> <p><font face="Arial. sans-serif" size="-1"> Room No : <input type="text" name="roomno" size="10"> </font></p> <p><font face="Arial.</b> <input type="text" size="9" name="phno_s" maxlength="9"></font></p> <p><font face="Arial. Helvetica.

Helvetica. Helvetica. Helvetica.GIF" width="15" height="16"></font><font size="-1" face="Arial.form)"> General <div align="left"> <font size="-1" face="Arial. sans-serif"> </font></div> <div align="left"> </div> <div align="left"> <font face="Arial. sans-serif">First Name: </font><input type="text" name="first_name" size="28"> <font size="-1" face="Arial. sans-serif" size="-1"> </font> <font size="4" face="Arial. Helvetica. sans-serif" color="#FF0000"> <img border="0" src="Picture/star1.</font> </p> </td> <td width="3%" height="336"> <img border="0" src="login_divide1. Helvetica. Helvetica. sans-serif" color="#FF0000"> <img border="0" src="Picture/star1. Helvetica. sans-serif" size="-1"> Middle Name:</font><input type="text" name="middle_name" size="28"></div> <div align="left"> </div> <div align="left"> .gif" width="23" height="530"></td> <td width="101%" height="336"> <input type="radio" name="Student" value="general" onClick="studentclear(this.GIF" width="15" height="15"></font><font face="Arial. sans-serif"> </font> <font size="4" face="Arial.

Helvetica.GIF" width="13" height="17"><font size="-1" face="Arial. Helvetica. Helvetica. sans-serif" size="-1"> Other : <input type="text" name="othercity" size="10"> </font><font color="#FF0033" size="2" face="Arial. sans-serif">Last Name: </font> <input type="text" name="last_name" size="28"></div> <p> <font size="-1" face="Arial. sans-serif" color="#FF0000"> </font><img border="0" src="Picture/star. Helvetica. sans-serif">(If other city please specify)</font><font face="Arial. sans-serif" size="2"><b> </b></font> <font face="Arial.<font size="4" face="Arial. Helvetica. Helvetica. sans-serif" size="-1">Select State: <select size="1" name="state"> <option selected value="state">State</option> <option value="ANDRA PRADESH">ANDRA PRADESH</option> . Helvetica.GIF" width="13" height="17"><font face="Arial. sans-serif"> Select City: <select size="1" name="city"> <option selected value="City">City</option> </select> </font></p> <p><font face="Arial. sans-serif" size="-1"> <br> <br> </font><img border="0" src="Picture/star. Helvetica.

Helvetica. sans-serif" color="#FF0000"> </font><img border="0" src="Picture/star.<option value="BIHAR">BIHAR</option> <option value="DELHI">DELHI</option> <option value="JAMMU & KASHMIR">JAMMU & KASHMIR</option> <option value="HARIYANA">HARIYANA</option> <option value="KERAL">KERAL</option> <option value="MADHYA PRADESH">MADHYA PRADESH</option> <option value="MAHARASTA">MAHARASTA</option> <option value="ORRISSA">ORRISSA</option> <option value="RAJASTAN">RAJASTAN</option> <option value="UTTAR PRADESH">UTTAR PRADESH</option> <option value="WEST BENGAL">WEST BENGAL</option> </select> </font> </p> <p> <font face="Arial.GIF" .GIF" width="13" height="17"><font size="-1" face="Arial. sans-serif" size="-1"> </font> <font size="4" face="Arial. Helvetica. Helvetica. sans-serif">Select a Country :<select size="1" name="country"> <option selected value="country">Country</option> </select> <br> <br> </font> <font size="4" face="Arial. Helvetica. sans-serif" color="#FF0000"> </font><img border="0" src="Picture/star.

sans-serif" size="-1"> Mobile No: <input type="text" size="18" name="mobno" maxlength="15"> </font> . Helvetica. Helvetica.width="13" height="17"><font size="-1" face="Arial. sans-serif">Zip Code: <select size="1" name="pincode"> <option selected value="pincode">Pincode</option> </select> </font><p> <font face="Arial. sans-serif" size="-1"> Other: <input type="text" name="otherpin" size="10"><font color="#FF0033"> </font> </font><font color="#FF0033" size="2" face="Arial. sans-serif" size="-1"> Contact No: <input type="text" size="6" name="std" maxlength="6"><b> </b> <input type="text" size="9" name="phno" maxlength="9"> </font> <p> <font face="Arial. sans-serif">(If other Zip please specify)</font><font face="Arial. Helvetica. Helvetica. sans-serif" size="2"><b> </b></font> <p> <font face="Arial. Helvetica. Helvetica.

Helvetica. Helvetica.<p> <font face="Arial. sans-serif" size="-1"> </font> </div> <center> <input type="submit" value="Submit" name="Submit" tabindex="25"> <input type="reset" value="Reset" name="Reset" tabindex="26"> </center> </form> </table></body></html> The User Registration Form is Shown Below: . sans-serif" size="-1">Email: <input type="text" name="email" size="20"> </font> <p> </td> </tr> </table> <hr> <div align="left"><font face="Arial.

Conclusion: Thus We have studied the implementation of javascript in html .

Sign up to vote on this title
UsefulNot useful

Master Your Semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master Your Semester with a Special Offer from Scribd & The New York Times

Cancel anytime.