A Form for Entering a URL : Form HTML « Form Control « JavaScript DHTML

A Form for Entering a URL


<SCRIPT LANGUAGE="JavaScript"><!--
function loadFrames() {
 ix = document.URLform.protocol.options.selectedIndex
 urlString = document.URLform.protocol.options[ix].value+"//"
 urlString += document.URLform.hostname.value
 path = document.URLform.path.value
 if(path.length > 0) {
       path = "/"+path
 urlString += path
// --></SCRIPT>
<P>Select protocol:
<SELECT NAME="protocol" SIZE="1">
<OPTION VALUE="http:">http</OPTION>
<P>Enter host name: <INPUT TYPE="TEXT" NAME="hostname" SIZE="45"></P>
<P>Enter path:      <INPUT TYPE="TEXT" NAME="path" SIZE="50"></P>
<INPUT TYPE="BUTTON" NAME="load" VALUE="Load URL" ONCLICK="loadFrames()">


Related examples in the same category

1.Adjusting a CGI Submission Action
2.Button Objects: Submit, Reset, and Button
3.Checking Elements on a Form
4.Submitting Forms to the Server
5.Variables in Hidden form
6.Creating an Example Form for User Feedback
7.Accessing the Elements of a Form
8.Using the form.elements Array
9.form.reset() and form.submit() Methods
10.The onReset and onSubmit Event Handlers
11. Passing a Form Object and Form Element to Functions
12. Last-Minute Checking Before Form Submission
13.Storing the last value using a Hidden object.
14.Methods and Properties of the Submit Object
15.Methods and Properties of the Reset Object
16.Properties of the Hidden Object
17.Methods and Properties of the Form Object
18.Client-Side JavaScript Objects and HTML Tags That Create Instances of Them
19.Using the document.forms Property
20.Use hidden field to store data