Home arrow HTML arrow Page 4 - Completing Construction of a Database Form with HTML
HTML

Completing Construction of a Database Form with HTML


In this conclusion to a thirteen-part series on building database forms with HTML, I will talk about the program that receives the data of the transmitted table at the server. I will show you how to do it using CGI and Perl. Recall that the data is actually HTML Form elements sent from the client’s computer.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
October 08, 2008
TABLE OF CONTENTS:
  1. · Completing Construction of a Database Form with HTML
  2. · The Body Element
  3. · The Third Main Row
  4. · The Last Two Rows
  5. · Cgi-bin Directory
  6. · Brief Explanation of the Web Page Code

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Completing Construction of a Database Form with HTML - The Last Two Rows
(Page 4 of 6 )

There has to be consistency between all the rows. This makes the program code that handles the Transmitted table easy to write. It also makes it easy to understand the whole table. These are the last two main rows:

<tr id="TR3">

<td>

<table cellspacing="0" cellpadding="0" border="1">

<tbody>

<tr>

<td colspan="3" id="TD30"><input type="hidden" name="W3" value="W3"><input type="text" name="T30" value="Piccard TT Swarovski Crystal Women's Watch"></td>

</tr>

<tr>

<td id="TD31">

<textarea style="width:245px;height:90px" name="Dn31" rows="1" cols="20">Elegantly designed with a two-tone case and bracelet, this Dufonte timepiece is set off by brilliant Swarovski crystal accents lining the bezel.</textarea>

</td>

<td id="TD32">

<textarea style="width:245px;height:90px" name="F32" rows="1" cols="20">Two-tone case and bracelet. Swarovski crystal accents on bezel. Goldtone hands and hour markers. White enamel dial. Mineral crystal. Japanese quartz movement. Jewelry clasp.</textarea>

</td>

<td rowspan="2" id="TD33">

<input type="file" name="Pi33" value="watch4.jpg">

</td>

</tr>

<tr>

<td id="TD34">

<input type="text" name="Pr34" value="59.95">

</b>

</td>

<td id="TD35">

<input type="text" name="De35" value="ADDED">

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr id="TR4">

<td>

<table cellspacing="0" cellpadding="0" border="1">

<tbody>

<tr>

<td colspan="3" id="TD40"><input type="hidden" name="W4" value="W4"><input type="text" name="T40" value="Women's Square Crystal Women's Watch"></td>

</tr>

<tr>

<td id="TD41">

<textarea style="width:245px;height:90px" name="Dn41" rows="1" cols="20">Sparkling Swarovski crystals form numbers on a shiny base metal frame making this Dufonte watch a bold fashion statement.</textarea>

</td>

<td id="TD42">

<textarea style="width:245px;height:90px" name="F42" rows="1" cols="20">Base metal case. Sea green dial with crystal markers. Stainless steel water resistant back. Mineral crystal. Japanese quartz movement. Sea green leatherette strap. Tang buckle.</textarea>

</td>

<td rowspan="2" id="TD43">

<input type="file" name="Pi43" value="watch5.jpg">

</td>

</tr>

<tr>

<td id="TD44">

<input type="text" name="Pr44" value="59.95">

</b>

</td>

<td id="TD45">

<input type="text" name="De45" value="ADDED">

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

 

<br />

<button type="submit" id="Sa1"> Save </button>

 

</form>


</body>


</html>


Download the images watch1.jpg, watch2.jpg, watch3.jpg, watch4.jpg and watch5.jpg from part nine of the series and save them in the folder with the web page above.


blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 8 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials