CREATING 
WEB FORMS and FRAMES  
USING HTML 
CREATING WEB FORMS AND 
FRAMES Using HTML 
Best pdf to jpg converter for - Convert PDF to JPEG images in C#.net, ASP.NET MVC, WinForms, WPF project
How to convert PDF to JPEG using C#.NET PDF to JPEG conversion / converter library control SDK
changing pdf to jpg on; convert pdf to jpg converter
Best pdf to jpg converter for - VB.NET PDF Convert to Jpeg SDK: Convert PDF to JPEG images in vb.net, ASP.NET MVC, WinForms, WPF project
Online Tutorial for PDF to JPEG (JPG) Conversion in VB.NET Image Application
bulk pdf to jpg converter online; change pdf to jpg online
2
Creating Web Forms and Frames
1. 
What is a Web Form 
2. 
What is a CGI Script File 
3. 
Initiating the HTML File  
4. 
Composing the Form Tags 
o Get and Post 
o Input Text 
o Input Password 
o Input Checkbox 
o Input Hidden 
o Input File 
o Input Radio 
o Input Option Select 
o Input Submit 
Input Reset
5. 
Saving Your HTML Form 
6. 
Testing Your Web File 
7. 
Uploading the HTML File 
8. 
What is a Frame 
9. 
Frame tags 
o Frameset 
o Frame 
o NoFrames 
Revised  9/01   PAR 
Online Convert PDF to Jpeg images. Best free online PDF JPEG
Online PDF to JPEG Converter. Download Free Trial. Convert a PDF File to JPG. Drag and drop your PDF in the box above and we'll convert the files for you.
convert pdf file into jpg; batch pdf to jpg online
Online Convert Jpeg to PDF file. Best free online export Jpg image
Online JPEG to PDF Converter. Download Free Trial. Convert a JPG to PDF. You can drag and drop your JPG file in the box, and then start
convert pdf image to jpg online; change pdf file to jpg online
3
What is a Form
Forms are a simple way that a person viewing your Web page can send you 
data.  This is done by the user filling in various parts or input lines within the 
form designated by you. 
Forms are supported by almost every browser and make it possible to create 
documents that collect and process user input and formulate personalized 
replies. Once a user fills out a form, it is submitted to a server or e-mailed to 
a specific address. If sent to a server, that server passes that information to a 
supporting program or application that processes the data.  
What Software is Needed
The software you will need for generating the web form includes: 
♦ Web browser to view a web page, such as Netscape or Internet Explorer. 
♦ Text editor to create the HTML file; such as WordPad, or Notepad. 
♦ FTP (File Transfer Protocol) program to upload a page. There are several 
available for a Mac or a PC. 
CGI 
CGI is the supporting program to process the data entered in the form.  
Server-side data-processing aspects of forms are not part of the HTML 
standard.  They are defined by the server's software. The CGI behind this 
form creates an E-mail message by copying each form field's contents to a 
separate line. It mails the information to the specified E-mail address. 
There is a generic CGI script available for use at Ohio University.  
Information on this script is available at: 
http://www.ohiou.edu/pagemasters/memo85/append5.html
C# WPF PDF Viewer SDK to convert and export PDF document to other
Best PDF Viewer control as well as a powerful .NET WinForms application to image file formats with high quality, support converting PDF to PNG, JPG, BMP and
change pdf file to jpg; pdf to jpeg converter
C# PDF Convert to Images SDK: Convert PDF to png, gif images in C#
Best PDF converter SDK for Visual Studio .NET for converting PDF to image in C#.NET Support exporting PDF to multiple image forms, including Jpg, Png, Bmp
convert pdf image to jpg image; change file from pdf to jpg on
4
Mailto: 
Mailto forms allow the programmer to set up a form such that all data 
collected from the form will be e-mailed to you or another e-mail address in 
simple text format.  The data is not processed at all.  This is a simpler 
method than the CGI format but can be more problematic because the user  
filling out the form must have their browser correctly set up to send e-mail.   
Therefore it is recommended that if  your site is housed on an OU server you 
use the CGI method, but if it is a site at another server it is easier to use the 
Mailto method. 
Initiating the HTML File  
Click the Start button, trace to Programs option, then trace to Accessories, 
and click on Notepad to open it. Once in the Notepad program, enter the 
following commands to start an HTML document
Create your HTML file so that it looks something like this. The HTML tags 
do not have to be in uppercase.  The spacing between commands is up to 
you. However, the spacing within the brackets is important. 
<HTML> 
<HEAD> 
<TITLE> Web Form </TITLE> 
</HEAD> 
<BODY> 
There will be a form here soon. 
</BODY> 
</HTML> 
Now we need to save the file as an HTML file.  To do this click on the File 
menu and then choose Save As.  Choose where you want to save the file.  In 
this class we will be saving to the Public folder for convenience.  Then 
choose a File Name to save it as.  The name must end in .htm or .html.  
Next select the down arrow next to the Save as Type.  Choose All Files.  
Finally, click on the Save button. 
C# Create PDF from images Library to convert Jpeg, png images to
Best and professional C# image to PDF converter SDK for Visual Studio .NET. Batch convert PDF documents from multiple image formats, including Jpg, Png, Bmp, Gif
convert pdf to jpg for; convert pdf to 300 dpi jpg
VB.NET PDF - Convert PDF with VB.NET WPF PDF Viewer
Best WPF PDF Viewer control as well as a powerful PDF converter. PDF to image file formats with high quality, support converting PDF to PNG, JPG, BMP and GIF.
convert pdf image to jpg; best pdf to jpg converter
5
Now we will see what our HTML file will look like in a web browser.  First 
we'll open Internet Explorer by clicking on the blue "E"  on the Desktop, or 
under Programs in the Start menu choose Internet Explorer
Once in Internet Explorer open your file. Click on File in the top left 
corner, then on Open, and then on Browse.  Navigate to the Public file 
folder by double clicking it or highlighting it and choose your file. Click  
Open. You will see this: 
"There will be a form here soon." 
Throughout this class we will be making a series of changes to our HTML 
document, saving that document, then looking at it in the browser to see if 
those changes yielded the desired results.  This is an important part of the 
web desing:  learning how to make changes and saving those changes, then 
checking to see what the new changes look like, then making more changes.      
Composing the Form 
We'll compose our form assuming it is for an O.U. web page, using the 
generic CGI.  The command <FORM> initiates a form section of a web 
pages and </FORM> ends that section.  To begin a form we must tell the 
browser to send the information that a user enters into to a CGI script file 
and tell where that file is. We do that with the ACTION attribute: 
<FORM  action="http://ouvaxa.cats.ohiou.edu/htbin/genform.com"> 
Another attribute of the FORM tag is the METHOD, which is how the form 
input will be sent to the gateway. The method can be either "get" or "post".  
Post means to send the form entry results as a e-mail document. This is the 
most common method.  Get is usually used with search engines. However, 
this is the method used by the OU CGI script. So the FORM command 
would look like this: 
<FORM  action="http://ouvaxa.cats.ohiou.edu/htbin/genform.com" 
method="get">   
VB.NET Create PDF from images Library to convert Jpeg, png images
Best and professional image to PDF converter SDK for Visual Studio .NET. Support create PDF from multiple image formats in VB.NET, including Jpg, Png, Bmp
changing pdf to jpg file; convert pdf file into jpg format
VB.NET PDF Convert to Images SDK: Convert PDF to png, gif images
Best adobe PDF to image converter SDK for Visual Studio .NET. Convert PDF documents to multiple image formats, including Jpg, Png, Bmp, Gif, Tiff, Bitmap
best program to convert pdf to jpg; bulk pdf to jpg
6
Next we must input the code to send the information from the form to the 
appropriate e-mail address.  This is done with: 
<INPUT type="hidden" name="mailto" value="youremail@ohiou.edu">  
The Type="hidden" attribute hides this from the user.  The name="mailto" 
attribute names this Input tag. The value="youremail@ohiou.edu" attribute 
tell the CGI program where to send the information from the form. So now  
our HTML Form commands should look like: 
<BODY> 
<FORM  action="http://ouvaxa.cats.ohiou.edu/htbin/genform.com" 
method="get">   
<INPUT type="hidden" name="mailto" value="youremail@ohiou.edu"> 
</FORM> 
</BODY> 
Input Commands    
The CGI script is a generic script program provided by Ohio University. 
This means that it is set up to e-mail you the data from the form.  Since it is 
a generic script, there are some limitations.  See: 
www.cats.ohiou.edu/pagemasters/memo85/append5.html
Input Limitations  
• Text fields are limited to single lines. If you attempt to use multi-line text fields, any 
time a user enters more than 255 characters, none of them will be transcribed into 
the E-mail you receive. You can work around this limitation by also including a 
standard mailto link. 
• Every field is limited to a maximum length of 80 characters! 
• The Web page containing the form must be on an Ohio University server (contains 
".ohiou.edu").  To test, upload the HTML file to your OU server, but use a different 
name or folder.  
7
• The E-mail destination of the information must be one user of an OU system 
(contains ".ohiou.edu"). 
• The total number of fields defaults to 20. If you want to change this, you must include 
a hidden field specifying the number of fields your form uses. 
• The names of the visible fields for data entry must be a lower case letter "f" followed 
by two or three digits from 01 to 999, inclusive.  
• If you include fields numbered beyond 20, you must include a hidden form-field 
named "maxlines" with value equal to the highest field number used.  
• You must include a valid Ohio University E-mail address in the hidden form-field 
named "mailto"!  
• You may choose to provide an absolute URL in the hidden form-field named 
"nexturl" and appropriate link text in the hidden form-field named "nextname". If you 
do, they will be used to construct the return link.  
• The visible fields can be text, radio-button, check-box, or pop-up-selection. Value for 
these fields must be at most 80 characters. 
• The hidden form-field named "subject" is optional but strongly recommended; it 
identifies the Web page where  the E-mail originates.  
• If you do not use a particular field, or if the user leaves a field blank, a blank line will 
be included at that place in the message. 
• You do not have to number the fields sequentially. You should organize the form in a 
way that will be logical and convenient for the user  and  number the fields so that the 
resulting e-mail will be easiest for the recipient to use. 
Input Text  
To create a single line of text for the user to enter we use the Input 
command, with the Type attribute equal to Text. For example: 
<INPUT type="text">   
That will create a box for text input.  Using the OU CGI we have to name 
the input command appropriately: 
8
<INPUT type="text" name="f01"> 
Then when the form is mailed to us we will get a line that say f01= whatever 
they entered in that text box. If we wanted something in the text box for the 
user to overwrite we would use the Value attribute.  For example: 
<INPUT type="text" name="f01" value="(###) ###-####"> 
(###) ###-####     
The size of the text box can also be changed. To do this we use the Size 
attribute.  The default size is 20. Here are some options, but remember that  
using OU's CGI script we can not go above size=80. 
<INPUT type="text" name="f01" value="(###) ###-####" size="14"> 
<INPUT type="text" name="f01" size="30"> 
Now that we've seen a few text line options, let's make some changes to our 
HTML document and see what it looks like. 
<FORM  action="http://ouvaxa.cats.ohiou.edu/htbin/genform.com" 
method="get">   
<INPUT type="hidden" name="mailto" value="youremail@ohiou.edu"> 
What is your Name? <INPUT type="text" name="f01" size="20"> <BR> 
What is your Phone Number? <INPUT type="text" name="f02" 
value="(###) ###-####"> <BR> 
Do you like my web page? <INPUT type="text" name="f03" size="10"> 
</FORM> 
The new command above is <BR> for Break.  It is like hitting the enter key. 
The different text lines in our form will now be on separate lines.      
9
Checkboxes 
Checkboxes are an option on a form that allows users to select a line of text 
in an on/off  yes/no method.  On screen they appear as a small box that 
either has a check in it or does not.  The command for a checkbox is as 
follows. 
<INPUT type="checkbox" name="f11" value="checkbox a"> 
Checkboxes can be checked by default with the addition of the keyword 
CHECKED in the INPUT tag. Here is an example. 
<INPUT type="checkbox" CHECKED name="f12" value="checkbox b"> 
Now we put the two tags together and add some text afterward like this: 
<INPUT type="checkbox" name="f11" value="checkbox a">This is a 
checkbox. 
<P> 
<INPUT type="checkbox" CHECKED name="f12" value="checkbox b"> 
This is a checkbox that is automatically checked. 
Option Select Lists  
These lists are drop-down windows in which a user selects a choice from a 
list of options selected by the programmer. The code for an option select list 
with three choices follows. 
<SELECT  type="text" name="f05" size=1> 
<OPTION value="first">Your first choice 
<OPTION value="second">Your second choice 
<OPTION value="third">Your final answer 
</SELECT> 
Your first choice 
Your second choice 
Your final answer 
Yourfinalanswer
10
If you want one of the choices to be automatically selected, add the code 
SELECTED after the OPTION command like this. 
<OPTION value="first" SELECTED> 
Radio Buttons 
Radio buttons are similar to checkboxes. However, they ;have some 
limitations that checkboxes do not. This limitation is that is forces the user to 
choose one and only one of the choices. One may be selected by default. 
Below is the code for two radio buttons with text following them. The 
second of these buttons has been selected by default the same way a 
checkbox was selected with the SELECTED feature inserted after the 
INPUT command. 
<INPUT type="radio" name="f07" value="radio1"> This is a radio button. 
<P> 
<INPUT type="radio" CHECKED name="f07" value="button2"> This one 
has been selected by default.  
Hidden  
A Hidden input is a name/value pair that is returned to you but does not 
show up anywhere on the web page. The text for a Hidden input is simple. 
<INPUT type="hidden" name="Location" value="USA Form"> 
When the form is returned to us we would get:  
Location=USA Form 
When using the OU CGI form, the Hidden type is needed by the CGI 
program stating where to send the data from the form. For example, 
<INPUT type="hidden" name="mailto" value="youremail@ohiou.edu"> 
Documents you may be interested
Documents you may be interested