USER FEEDBACK, HTML FORM

HTML Articles | February 11, 2002

After going through this ... section you'll be able to make your own HTML feedback forms so that the visitors can send you feelers about what are their ... ... you and your Web site

After going through this celestial section you'll be able to make your own HTML feedback forms so that the visitors can send you feelers about what are their intentions vis-à-vis you and your Web site, and other sundry things that may or may not concern you.

As usual we have a tag called, illuminatingly,

. Whatever lies within belongs to this tag and is going to be a part of its definition as a whole.

The basic infrastructure of a user feedback form manifests itself like this:

Please enter your name:
Please enter your email:
Please enter your comments:

< extarea><br><br><br><input type="submit" name="S1" value="Submit"><br><input type="reset" name="R1" value="Reset"><br></form><br><br>Good! Now let us take the bull by its horns, and ponder over the individual parts one-by-one in a scholarly manner. An average <form> has the method, name, and action attributes. There might be more tags, but in this nascent stage of Form learning, let's stick to these three attributes. A method can have the value "post" or "get". "Post" is used when we are just "submitting" the information, but, "get" is used when we are retrieving information according to the information "submitted". A good example of "get" is the search engine box, where you enter the word to be searched, and then the program displays the information retrieved.<br><br>The attribute name is not vital to the existence of a form, but later on, in a SCRIPT, if you desiderate to access the individual components of a form (for example, validating the user input), then you need it.<br><br>Action is where all the action is. This attribute holds the name of the file that is going to do something to the fields entered by the user. It holds the functions, and the "hidden" fields definitions in order to perform some task. The above file, process_form.pl (a PERL file), we assume, emails you the details entered by the user. This file mostly lurks in the CGI-BIN folder of your server, and if you are hosting your Web site on a commercial server, the host company provides this sort of file.<br><br>Ok now, hidden fields. Generally what conspires is, the PERL file needs an email address so that the entered information can be dispatched to that address. Then it might sound decent to give a subject to that future email, so that wherever it goes, the recipient can make out what sort of email it is. It would look extremely impolite if you do not appreciate all the pain taken by the visitor - hence, it calls for a thank you page redirection.<br><br>In this manner, there could be tens of "hidden" field definitions.<br><br><input type="Text" name="Vname" size="25"><br><br>displays an empty field box of size 25 characters. And so on…<br><br>"Submit" tells the browser to invoke the file "process_form.pl" and "Reset" empties all the fields in case you want to re-enter all the values. Later on, we'll explore other means to manipulate the "submit" field so that we can make sure that the person entering the information into the fields is not a complete dud. <br><br>A radio button is a GUI component that lets the user select one, and only one option from a given list of options.<br><br>You can display a radio button as a field like this:Would you like to receive promotional emails from me?<br>Yes <input type="radio" name="yesno" value="Yes"><br>No <input type="radio" name="yesno" value="No"><br><br>Both the input definitions have the same name because in a particular set of multiple radio buttons, only one choice can be made. You can have as many radio buttons as you want by giving them single name but varied values. <br><br>The following portion lets the user choose an option from a drop down list:Your profession is:<br><select size="1" name="profession"><br><option value="Engineer">Engineer</option><br><option value="Doctor">Doctor</option><br><option value="Swindler">Swindler</option><br><option value="Lawyer">Lawyer</option><br></select><br><br>Saying in the clichéd manner, last, but not the least<a href="http://www.articlesfactory.com/articles/computers.html"><img src="http://www.articlesfactory.com/pic/x.gif" alt="Computer Technology Articles" border="0"></a>, is a check box which is displayed by the following code:Acceptable<br><input type="checkbox" name="checky"><br><br>Please remember that all this paraphernalia comes within <form> </form>.
  
  
    
  
  
  
  <p class="txt-small-regular">Source: <a href="http://www.articlesfactory.com" class="small-link" title="Free Articles">Free Articles</a> from ArticlesFactory.com</p>

<table>
	<tr>
		<td valign="top"><g:plusone size="medium" count="false"></g:plusone></td>
		<td valign="top"><div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div></td>
	<tr>
  </table>
  
  
  
    <p>
    <h1>ABOUT THE AUTHOR</h1>
  <br>
  <div>Amrit Hallan is a freelance web designer. For all web site<br>development and web promotion needs, you can get in touch with<br>him at http://www.bytesworth.com. For more such articles,<br>visit http://www.bytesworth.com/articles and<br>http://www.bytesworth.com/learn You can subscribe to his<br>newsletter [BYTESWORTH REACHOUT] on Web Designing Tips & Tricks<br>by sending a blank email at Bytesworth-subscribe@topica.com<br></div>
  </p>
  
  
  <center>
    
      <script language="javascript" src="http://media.fastclick.net/w/get.media?sid=20894&m=6&tp=8&d=j&t=n"></script>
      <noscript><a href="http://media.fastclick.net/w/click.here?sid=20894&m=6&c=1" target="_blank">
      <img src="http://media.fastclick.net/w/get.media?sid=20894&m=6&tp=8&d=s&c=1" width=300 height=250 border=1></a></noscript>
    
  </center>

<SCRIPT LANGUAGE="JavaScript">
  
  var dc_UnitID = 14;
  
  var dc_PublisherID = 3523;
  
  var dc_AdLinkColor = '#990000';
  
  var dc_underlineType = 'solid';
  
  var dc_open_new_win = 'yes';
  
  var dc_adprod='ADL';
  
  </SCRIPT>
  
  <SCRIPT LANGUAGE="JavaScript" SRC="http://kona.kontera.com/javascript/lib/KonaLibInline.js"></SCRIPT>

</td>
  </tr>
  <tr>
    <td width="131" height="24" bgcolor="#EDE9E3" valign="top">
      
            <table width="131" height="24" border="0" cellspacing="0" cellpadding="0" align="center">
                        <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/health.html" class="left-menu-inactive">Health</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/business.html" class="left-menu-inactive">Business</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/finance.html" class="left-menu-inactive">Finance</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/travel.html" class="left-menu-inactive">Travel</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/home-repair.html" class="left-menu-inactive">Home Repair</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/technology.html" class="left-menu-inactive">Technology</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/computers.html" class="left-menu-inactive">Computers</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/family.html" class="left-menu-inactive">Family</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/communication.html" class="left-menu-inactive">Communication</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/entertainment.html" class="left-menu-inactive">Entertainment</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/autos.html" class="left-menu-inactive">Autos</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/marketing.html" class="left-menu-inactive">Marketing</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/self-help.html" class="left-menu-inactive">Self Help</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/sports.html" class="left-menu-inactive">Sports</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/home-business.html" class="left-menu-inactive">Home Business</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/education.html" class="left-menu-inactive">Education</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/ecommerce.html" class="left-menu-inactive">ECommerce</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/law.html" class="left-menu-inactive">Law</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/other.html" class="left-menu-inactive">Other</a></td>
        </tr>
                <tr>
          <td height="24" background="http://www.articlesfactory.com/pic/left_menu_inactive.gif"><a href="http://www.articlesfactory.com/articles/internet.html" class="left-menu-inactive">Internet</a></td>
        </tr>
              </table>
      <table width="131" height="11" border="0" cellspacing="0" cellpadding="0" bgcolor="#EDE9E3">
        <tr>
          <td height="11" align="right"><img src="http://www.articlesfactory.com/pic/right_curve.gif" width="12" height="11" alt="" border="0"></td>
        </tr>
      </table>
      
      
      
	  <div class="left-section"><b>Partners</b></div>
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="http://www.articlesfactory.com/pic/x.gif" width="15" height="1" alt="" border="0"></td> 
          <td valign="top"><img src="http://www.articlesfactory.com/pic/left_menu_bullet.gif" width="8" height="10" alt="" border="0"></td> 
          <td><div class="left-section-link"><a class="left-section-link" href="http://www.bailfish.com" target="_blank" rel="nofollow">California Bail Bonds Bounty Hunters</a></div></td> 
        </tr>
        <tr>
          <td><img src="http://www.articlesfactory.com/pic/x.gif" width="15" height="1" alt="" border="0"></td> 
          <td valign="top"><img src="http://www.articlesfactory.com/pic/left_menu_bullet.gif" width="8" height="10" alt="" border="0"></td> 
          <td><div class="left-section-link"><a class="left-section-link" href="http://www.kateraynor.com" target="_blank" rel="nofollow">Immigration Attorney</a></div></td> 
        </tr>
        <tr>
          <td><img src="http://www.articlesfactory.com/pic/x.gif" width="15" height="1" alt="" border="0"></td> 
          <td valign="top"><img src="http://www.articlesfactory.com/pic/left_menu_bullet.gif" width="8" height="10" alt="" border="0"></td> 
          <td><div class="left-section-link"><a class="left-section-link" href="http://www.movingcompanies.tv" target="_blank" rel="nofollow">Moving Relocation Services</a></div></td> 
        </tr>
        <tr>
          <td><img src="http://www.articlesfactory.com/pic/x.gif" width="15" height="1" alt="" border="0"></td> 
          <td valign="top"><img src="http://www.articlesfactory.com/pic/left_menu_bullet.gif" width="8" height="10" alt="" border="0"></td> 
          <td><div class="left-section-link"><a class="left-section-link" href="http://www.diyawards.com" target="_blank" rel="nofollow">Crystal Awards and Trophies</a></div></td> 
        </tr>
        <tr>
          <td><img src="http://www.articlesfactory.com/pic/x.gif" width="15" height="1" alt="" border="0"></td> 
          <td valign="top"><img src="http://www.articlesfactory.com/pic/left_menu_bullet.gif" width="8" height="10" alt="" border="0"></td> 
          <td><div class="left-section-link"><a class="left-section-link" href="http://janeshilton.co.uk/handbags" target="_blank" rel="nofollow">Handbags</a></div></td> 
        </tr>
        <tr>
          <td><img src="http://www.articlesfactory.com/pic/x.gif" width="15" height="1" alt="" border="0"></td> 
          <td valign="top"><img src="http://www.articlesfactory.com/pic/left_menu_bullet.gif" width="8" height="10" alt="" border="0"></td> 
          <td><div class="left-section-link"><a class="left-section-link" href="http://caraudiosecurity.com/shop/home.html" target="_blank" rel="nofollow">Alpine Car Audio</a></div></td> 
        </tr>
        <tr>
          <td><img src="http://www.articlesfactory.com/pic/x.gif" width="15" height="1" alt="" border="0"></td> 
          <td valign="top"><img src="http://www.articlesfactory.com/pic/left_menu_bullet.gif" width="8" height="10" alt="" border="0"></td> 
          <td><div class="left-section-link"><a class="left-section-link" href="http://www.citrusfresh.com" target="_blank" rel="nofollow">Carpet Cleaning Los Angeles</a></div></td> 
        </tr>
        </table>

<table width="750" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
      <td height="50">
        <div class="small-link" align="center">
          <a class="small-link" href="http://www.articlesfactory.com/">Free Articles Home</a> | 
          <a class="small-link" href="http://www.articlesfactory.com/signup.html">Register</a> | 
          <a class="small-link" href="http://www.articlesfactory.com/submit.html">Submit an Article</a> | 
          <a class="small-link" href="http://www.articlesfactory.com/links.html">Links</a> | 
          <a class="small-link" href="http://www.articlesfactory.com/contact.html">Contact</a> | 
          <a class="small-link" href="http://www.articlesfactory.com/archive.html">Archive</a> |
          <a class="small-link" href="http://www.articlesfactory.com/rss.html"><img src="http://www.articlesfactory.com/pic/icon-xml-rss_red.gif" width="52" height="13" alt="XML/RSS Feed" border="0" align="middle"></a>
        </div>
        <div class="small-link" align="center">
          <a class="small-link" href="http://www.articlesfactory.com/terms.html">Terms of Service</a> |
          <a class="small-link" href="http://www.articlesfactory.com/privacy.html">Privacy Policy</a>
        </div>
      </td>
  </tr>
</table>
  
  
  
  <script type="text/javascript" language="javascript">
  
  </script>
  
  <script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><img  src="http://c4.statcounter.com/counter.php?sc_project=479039&java=0&security=&invisible=1" alt="free web stats" border="0"></noscript>
  
  
  
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
  </script>
  <script type="text/javascript">
  _uacct = "UA-88528-1";
  urchinTracker();
  </script>

</body>
</html><div class="small" align="center">Page loaded in 0.041 seconds</div>