Sample HTML

[sample.htm]

<html>
<head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=UTF-8"/>
<link rel="stylesheet" type="text/css" href="template.css">

<title>Template</title>

</head>
<body>

<table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%">
<form id="crmForm" name="crmForm" class="crm">
<tr height="48">
   <td>
      <table cellspacing=0 cellpadding=0 class="mnubar" id="mnuBar1">
      <tr>
         <td class="icMenu" noWrap>
            <span tabIndex=0 class="menu">Place text here.</span>
         </td>
         <td id="tdTitle" class="mnuTitle mnuRight" noWrap>Form type: Value</td>
      </tr>
      </table>

      <table cellspacing=0 cellpadding=0 class="mnubar" id="mnuBar2">
      <tr>
         <td class="icMenu" style="padding-left:5px;" noWrap>
            <input type="button" value="Button" class="formButton"/>&#160;
            <input type="button" value="Button" class="formButton"/>
         </td>
      </tr>
      </table>
      
      <div style="border-top:1px solid #969693;border-bottom:1px solid #C2C2BF;">
      </div> 
   </td>
</tr>
<tr>
   <td style="padding:5">
      <table width="100%" height="100%" cellspacing="0" cellpadding="0">
      <tr>
         <td height="10">Sample text.</td>
      </tr>
      <tr><td height="5"></td></tr>
      <tr>
         <td>
            <div class="tab" style="display:inline;">
               <table cellpadding="3" cellspacing="0" width="100%"
                           height="100%" style="table-layout:fixed;">
               <col width="90"><col>
               <col width="10">
               <col width="90"><col>
               <tr>
                  <td class="req">Required Field</td>
                  <td colspan="4">
                     <input class="inputfields" type="text" id="subject"
                            name="subject" tabindex="1" maxlength="200"
                            req="1" value="">
                  </td>
               </tr>
               <tr>
                  <td colspan="5" class="sec bar">Header 1</td>
               </tr>
               <tr height="5">
                  <td></td>
               </tr>
               <tr>
                  <td>Field Name</td>
                  <td>
                     <input class="inputfields" type="text" id="category"
                            name="category" tabindex="8" maxlength="250"
                            value="">
                  </td>
                  <td></td>
                  <td>Field Name</td>
                  <td>
                     <input class="inputfields" type="text"
                            id="subcategory" name="subcategory"
                            tabindex="9" maxlength="250" value="">
                  </td>
               </tr>
               <tr>
                  <td colspan="5" height="100%">
                     <textarea id="description" name="description"
                               maxlength="2000" tabindex="2"></textarea>
                  </td>
               </tr>
               <tr>
                  <td colspan="5" class="sec bar">Header 2</td>
               </tr>
               <tr height="5">
                  <td colspan="5"></td>
               </tr>
               <tr>   
                  <td>Field Name</td>
                  <td colspan="4">
                     <table cellpadding="0" cellspacing="0">
                     <tr>
                        <td>
                           <input tabindex="200" type="radio" class="rad"
                                  id="crmFormdonotemail0"
                                  name="crmFormdonotemail" value="0">
                        </td>
                        <td class="radioLabel">
                           <label for="crmFormdonotemail0">Allow</label>
                        </td>
                        <td>
                           <input tabindex="201" type="radio" class="rad"
                                  id="crmFormdonotemail1"
                                  name="crmFormdonotemail" value="1">
                           </td>
                        <td class="radioLabel">
                           <label for="crmFormdonotemail1">
                              Do Not Allow
                           </label>
                        </td>
                     </tr>
                     </table>


                  </td>
               </tr>
               <tr>
                  <td>Field Name</td>
                  <td colspan="4">
                     <table cellpadding="0" cellspacing="0">
                     <tr>
                     <td>
                        <input tabindex="205" type="radio" class="rad"
                               id="crmFormdonotphone0"
                               name="crmFormdonotphone" value="0">
                     </td>
                     <td class="radioLabel">
                        <label for="crmFormdonotphone0">Allow</label>
                     </td>
                     <td>
                        <input tabindex="206" type="radio" class="rad"
                               id="crmFormdonotphone1"
                               name="crmFormdonotphone" value="1">
                     </td>
                     <td class="radioLabel">
                        <label for="crmFormdonotphone1">
                           Do Not Allow</label>
                     </td>
                     </tr>
                     </table>


                  </td>
               </tr>
               <tr>
                  <td>Field Name</td>
                  <td colspan="4">
                     <table cellpadding="0" cellspacing="0">
                     <tr>
                     <td>
                        <input tabindex="210" type="radio" class="rad"
                               id="crmFormdonotfax0"
                               name="crmFormdonotfax" value="0">
                     </td>
                     <td class="radioLabel">
                        <label for="crmFormdonotfax0">Allow</label>
                     </td>
                     <td>
                        <input tabindex="211" type="radio" class="rad"
                               id="crmFormdonotfax1"
                               name="crmFormdonotfax" value="1">
                     </td>
                     <td class="radioLabel">
                        <label for="crmFormdonotfax1">
                           Do Not Allow
                        </label>
                     </td>
                     </tr>
                     </table>


                  </td>
               </tr>
               <tr>
                  <td>Field Name</td>
                  <td colspan="4">
                     <table cellpadding="0" cellspacing="0">
                     <tr>
                     <td>
                        <input tabindex="215" type="radio" class="rad"
                               id="crmFormdonotpostalmail0"
                               name="crmFormdonotpostalmail"
                               value="0">
                     </td>
                     <td class="radioLabel">
                        <label for="crmFormdonotpostalmail0">Allow</label>
                     </td>
                     <td>
                        <input tabindex="216" type="radio" class="rad"
                               id="crmFormdonotpostalmail1"
                               name="crmFormdonotpostalmail" value="1">
                     </td>
                     <td class="radioLabel">
                         <label for="crmFormdonotpostalmail1">
                            Do Not Allow
                        </label>
                     </td>
                     </tr>
                     </table>


                  </td>
               </tr>
               <tr>
                  <td>Field Name</td>
                  <td>
                     <select class="selectBox" style="font-family: tahoma,
                             Arial;font-size: 11px; width:100%">
                        <option>option 1</option>
                        <option>option 2</option>
                        <option>option 3</option>
                     </select>
                  </td>
                  <td></td>
                  <td>Field Name</td>
                  <td>
                     <select class="selectBox" style="font-family: tahoma,
                             Arial;font-size: 11px; width:100%">
                        <option>option 1</option>
                        <option>option 2</option>
                        <option>option 3</option>
                     </select>
                  </td>
               </tr>
               
               <tr>
                  <td>Field Name</td>
                  <td>
                  <input class="inputfields" type="text" id="category"
                         name="category" tabindex="8" maxlength="250"
                         value="">
                  </td>
                  <td></td>
                  <td>Field Name</td>
                  <td>
                     <input class="inputfields" type="text"
                            id="subcategory" name="subcategory"
                            tabindex="9" maxlength="250" value="">
                  </td>
               </tr>
               </table>


            </div>
            
         </td>
      </tr>
      </table>


   </td>
</tr>
<tr height="23">
   <td class="statusbar" colspan="2"><b>Status:</b> Value</td>
</tr>
</form>
</table>

</body>
</html>

© 2005 Microsoft Corporation. All rights reserved.