zzHof WEB

FORMS, INPUT, BUTTONS, IMAGES, LABELS, OPTIONS

FORM USING TWO DIFFERENT DROP-DOWN BOXES


<style>
input {background-color: maroon;
    color: white; height: 80px;
    width: 225px;
    font-size: 50px;
    font-weight: bold;"
    }
</style>

<form  name="focus" method="post" action="forms.html">
<table class="center" style="padding: 35px;  background-color: #3EB489; height: 820px; width: 325px; margin-top: 30px; margin-bottom: 30px; border-width: 12px; border-style: inset; border-color: #ff0000;">
<tr>
<td>
  <h1 style="text-align: center; color: white;">TAP IN BOXES</h1><p>

  <select  id="options" size="3" style="width: 225px; background-color: black; color: white; font-size: 45px;" >
    <option>     -OK- </option>
    <option>💟 LIKE </option>
    <option>💓 SUPER</option>
  </select><p>

  <input  type="submit" value="Submit">
<br><p>
<hr style="height: 5px; background-color: blue;">

<select  id="options"  style="background-color: black; color: white; font-size: 45px;" autofocus>
    <option>     -OK- </option>
    <option>💟 LIKE </option>
    <option>💓 SUPER</option>
  </select><p>

<hr style="height: 5px;   background-color: blue;">
</td>
</tr>
</table>
</form><p>

THIS FORM HAS SOME OLD STYLE CODE

Please Tell Us About it Here.

Select: Name: Phone: Email:	Click and Type in Boxes.


<form  name="focus" method="post" action="forms.html">
<table class="center" style="color: white; background-color: maroon; margin-top: 30px; margin-bottom: 30px; border-width: 12px; border-style: inset; border-color: #0034ff;">
<tr>
  <th colspan="2" valign="bottom"><h1><b> Please Tell Us About it Here. </b></h1></th>
</tr>
<tr>
  <th colspan="2"> </th>
</tr>
<tr>
  <td valign="top">
  Select: 
<select name="To" size="1" tabindex="1">
    <option selected value="X"> -- Click Here --
    <option value="Contact Us"> Contact Us
    <option value="Clyde Derwin"> Clyde Derwin
    <option value="Max"> Mathew Hampton
    <option value="Ivy Stern"> Ivy Stern
    <option value="Zanmann"> Zan Mann
    <option value="Suggestion"> Suggestion
    <option value="Problems"> Problems - !#%@/?~*
  <option value="Error"> Book Error
</select>

<hr style="height: 10px; background-color: blue;">
  Name:  <input type="text" size="30" name="Name" tabindex="2">
<script type="text/javascript">
  document.focus.Name.focus();
</script>
  <hr style="height: 10px; background-color: blue;">
    Phone: <input type="text" size="30" name="Phone" maxlenth="16" tabindex="3"><br>
<hr style="height: 10px; background-color: blue;">
    Email:  <input type="text" size="30" name="Email" tabindex="4"><br>
<hr style="height: 10px; background-color: blue;">
  </td>
    <th valign="top">
    Click and Type in Boxes.
<pre>
  <textarea name="Comments" rows="9" cols="35"  tabindex="5" ></textarea>
</pre>
  </th>
</tr>
<tr>
    <th colspan="2" style="text-align: left; bgcolor-color: #000066">
    <input type="submit" name="submit" value="SUBMIT">
    <input type="reset" value="Clear Form">
    </th>
</tr>
<tr><td></td></tr>
</table>
</table>
</form>

zzHof WEB

FORMS, INPUT, BUTTONS, IMAGES, LABELS, OPTIONS

FORM USING TWO DIFFERENT DROP-DOWN BOXES

TAP IN BOXES

THIS FORM HAS SOME OLD STYLE CODE

Please Tell Us About it Here.

Please visit zzHof WEB