html制表代码

                         html制表代码

<!DOCTYPE html >
<html >
    <head>
        <title>one table</title>
    </head>
    <body>
        <h1>一个拙劣的表</h1><hr/>
        <p>美好生活从这里开始的,你造吗?</p>
        <p>yeah! I known.</p>
   <table width="400" height="100" border="1">
     <tr>
         <td width="80" height="30">one:</td>
         <td width="80" height="30">
              <form id="form1" name="form1" method="post" action="">
                  <select name="select"style="width:100px">
                    <option value="o">o</option>
                    <option value="n">n</option>
                    <option value="e">e</option>
                  </select>
               </form >      

          </td>
         <td width="80" height="30">two:</td>
         <td width="80" height="30">
             <form id="form2" name="form2" method="post" action="">
                 <select nanme="select" style="width:100px">
                      <option value="t">t</option>
                     <option value="w">w</option>
                     <option value="e">e</option>
                 </select>
              </form>   

         </td> 
     </tr>
     <tr>
       <td width="80" height="30">three:</td>
       <td width="80" height="30">
           <form id="form3" name="form3" method="post" action="">
                  <input style="width:100px; height:30px; line-height:30px;" type="text" name="textfiled2"/>
           </form>   
       </td>
       <td width="80" height="30">four:</td>
       <td width="80" height="30">
           <form id="form4" name="form4" method="post" action="">
                  <input style="width:100px;height:30px; line-height:30px;" type="text" name="textfiled3"/>
           </form>      
       </td>
    </tr>
    <tr>    
       <td width="80" height="30">five:</td>
       <td colspan="3">
           <form id="form5" name="form5" method="post" action="">
                   <input style="width:300px;height:30px;line-height:30px;" type="text" name="textfiled4"/>
           </form>
        </td>   
      </tr>
     </table>
    </body>
</html>

技术分享


 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。