Utilice gráficos agradable para sus formas

<script language="JavaScript">
<!--BEGIN Script
/* script by Colm Mac Cárthaigh colmmacc@clubi.ie
* VERSION 1
* it would be nice to get an E-Mail from anyone who uses this script, but it's not obligatory
* please e-mail me with any problems also
* make sure checked.gif, unchecked.gif, selected.gif and unselected.gif are in the same directory as script
* check for new versions at http://www.clubi.ie/colmmacc/
*/
f=0
g=0
radarr = new Array();
radnams = new Array();
z=-1

if (document.images) {
 var checked = new Image()
 checked.src = "checked.gif"

 var unchecked = new Image()
 unchecked.src = "unchecked.gif"

 var selected = new Image()
 selected.src = "selected.gif"

 var unselected = new Image()
 unselected.src = "unselected.gif"
}

function addRadio(radioname, radiovalue, radiotext, selected) {
y = false
d = 0
  if (document.images) {
    for (var i=0; i<radnams.length; i++) {
    if (radnams[i]==radioname){
      y = true
      d = i
    }
    }
    if(y==false){
    ifhidden = '<input type="hidden" name="' + radioname + '" value="' + radiovalue + '">';
    z = radnams.length
    radarr[z] = new Array()
    radarr[z][0] = new Array()
    radarr[z][0][0] = radioname
    radarr[z][0][1] = radiovalue
    radnams[radnams.length] = radioname
    }
    else {
    ifhidden = "";
    h = radarr[d].length
    radarr[d][h] = new Array()
    radarr[d][h][0] = radioname
    radarr[d][h][1] = radiovalue
    }
    if(selected==1) {
        seltext="selected.gif"
        seletext="CHECKED"
    }
    else {
        seltext="unselected.gif"
        seletext="UNCHECKED"
    }    
    radname = "'" + radioname + "'";
    radval = "'" + radiovalue + "'";
    document.write('<a href="javascript:changemerad(' + radname + ', ' + radval + ', ' + f + ')"><img src="' + seltext + '" name="' + radiovalue +'" border=0></a> ' + radiotext + '<br>' + ifhidden);
    if(selected==1) {
        document.sample.elements[radioname].value=radiovalue
    }
    f++
  }
  else {
  browserver = navigator.userAgent
   if (browserver.indexOf("Mozilla/2") != -1) {

    if(selected==1) {
    seltext="CHECKED"
    }
    else{
        seltext=""
    }
    document.write('<INPUT TYPE="radio" NAME="' + radioname + '" VALUE="' + radiovalue + '" ' + seltext + '>' + radiotext + '<br>');
   }
  }    

}

function addCheck(checkname, checktext, checked) {
  if (document.images) {
    if(checked==1) {
        chetext="checked.gif"
    chectext="CHECKED"
    }
    else {
        chetext="unchecked.gif"
    chectext="UNCHECKED"
    }
    checname = "'" + checkname + "'";
    document.write('<a href="javascript:changemecheck(' + checname + ', ' + g + ')"><img src="' + chetext + '" name="che' + g +'" border=0></a> ' + checktext + '<input type="hidden" name="' + checkname + '" value="' + chectext + '"><br>');
    g++
  }
  else {
      browserver = navigator.userAgent
      if (browserver.indexOf("Mozilla/2") != -1) {
        if(checked==1) {
        chetext="CHECKED"
        }
        else {
            chetext=""
        }
        document.write('<INPUT TYPE="checkbox" NAME="' + checkname + '" VALUE="CHECKED" ' + chetext + '>' + checktext + '<br>');
      }
  }    
}

function changemecheck(chename ,chenum) {
    if(document.sample.elements[chename].value=="CHECKED") {
       document.images['che' + chenum +''].src = eval('unchecked.src')
       document.sample.elements[chename].value="UNCHECKED"
    }
    else if(document.sample.elements[chename].value=="UNCHECKED") {
       document.images['che' + chenum +''].src = eval('checked.src')
       document.sample.elements[chename].value="CHECKED"
    }
}

function changemerad(radname , radval, radnum) {
    if(document.sample.elements[radname].value!=radval) {
        for (i=0; i < radarr.length; i++) {
          for (j=0; j < radarr[i].length; j++) {
            if(radarr[i][j][0]==radname) {
                document.images[radarr[i][j][1]].src = eval('unselected.src')
            }
          }
        }
       document.images[radval].src = eval('selected.src')
       document.sample.elements[radname].value=radval
    }
}

// -->
</script>

<form name="sample" action="#" method="POST" ENCTYPE="text/plain">
<h1>Sample Form</h1>
<hr noshade>
Name: <INPUT TYPE="text" NAME="username" SIZE="20"><br>
Email Address: <INPUT TYPE="text" NAME="useremail" SIZE="20"><br>
<hr noshade>
Os: <SELECT NAME="useros" SIZE="1" >
<OPTION VALUE="Windows 3.x">Windows 3.x
<OPTION VALUE="Windows 95">Windows 95
<OPTION VALUE="Windows 98" SELECTED>Windows 98
<OPTION VALUE="Windows NT">Windows NT
<OPTION VALUE="Linux">Linux
<OPTION VALUE="Macintosh">Macintosh
<OPTION VALUE="OS2 Warp">OS2 Warp
<OPTION VALUE="BeOS">BeOS
<OPTION VALUE="Amiga">Amiga
<OPTION VALUE="Other">Other
</SELECT>
<hr noshade>
Would you like to recieve:<br><br>
<script>
<!--
addCheck("SubcribeWindowsNews", "Windows Newsletter", 1)
addCheck("SubscribeMacNews", "Mac Newsletter", 0)
addCheck("SubcribeLinuxNews", "Linux Newsletter", 0)
// -->
</script>
<NOSCRIPT>
<input type="checkbox" name="SubcribeWindowsNews" value="CHECKED" CHECKED>Windows Newsletter<br>
<input type="checkbox" name="SubscribeMacNews" value="CHECKED" >Mac Newsletter<br>
<input type="checkbox" name="SubcribeLinuxNews" value="CHECKED" >Linux Newsletter<br>
</NOSCRIPT>
<hr noshade>
Format:<br><br>
<script>
<!--
addRadio("format", "Text", "Text", 0)
addRadio("format", "HTML", "Html", 1)
// -->
</script>
<NOSCRIPT>
<input type="radio" name="format" value="text" CHECKED>Text<br>
<input type="radio" name="format" value="HTML">Html<br>
</NOSCRIPT>
<hr noshade>
<input type="submit"><input type="reset">
<hr noshade>
</form>