form和table制作註冊表單 – JAVA編程語言程序開發技術文章

//form和table制作的提交服務器表單

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Insert title here</title>
 </head>
 <body>
 <fieldset>
   <legend>註 冊</legend >
 
   <form action="http://192.168.1.100:9999" method="post">
 <table border="1" width="50%" height="300" align="center" cellspacing="0">
    <tr>
      <td>用戶名:</td>
      <td><input type="text" name="username"></td>
    </tr>
   
    <tr>
      <td>密 碼:</td>
      <td><input type="password" name="password"></td>
    </tr>
   
    <tr>
      <td>性 別:</td>
     <td>
       <input type="radio" name="gender" value="male" checked="checked">男
       <input type="radio" name="gender" value="female">女
       </td>
    </tr>
    <tr>
      <td>興 趣:</td>
      <td>
       <input type="checkbox" name="interest" value="basketball" checked="checked">籃球
       <input type="checkbox" name="interest" value="game">遊戲
       <input type="checkbox" name="interest" value="net">上網
      </td>
    </tr>
   
    <tr>
      <td>城 市:</td>
       <td>
        <select name="city">
          <option value="">-請選著城市-</option>
          <option value="bj">北京</option>
          <option value="hn">河南</option>
          <option value="zmd">駐馬店</option>
        </select>
       </td>
    </tr>
    <tr>
      <td>自我介紹</td>
      <td>
        <textarea rows="5" cols="60"></textarea>
      </td>
    </tr>
    <tr>
      <td>頭 像:</td>
      <td>
        <input type="file" name="photo">
      </td>
    </tr>
   
    <tr align="center">
      <td colspan="2">
        <input type="submit" value="註冊">
        <input type="reset" value="重填">
      </td>
    </tr>
 </table>
 </form>
 
 </fieldset>
 </body>
</html>

 

摘自  代俊建的專欄 

發佈留言