初学WEB初做表单

一个简易的用户登录注册页面,无法传递页面参数,纯静态。

table中的border属性不能再style属性中生效,设置在<table>标签中,效果有。

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title> 注册信息 </title>
   <style>
   table{
   
       width:50%;
       background-color:#fce021;

   }
   #tishi {
      text-align:center;

   }
   
 
   </style>

</head>
<body>
   <table border="1">
   <tr>
      <td colspan="2" id="reg" >个人用户登录</td>
   </tr>
   <tr>
      <td id="tishi">中文描述</td>
      <td><input type="text" /></td>
   </tr>
    <tr>
      <td id="tishi">英文名称</td>
      <td><input type="text" />建议使用:Field1,Field2...</td>
   </tr>
    <tr>
      <td id="tishi">密码</td>
      <td><input type="password" /></td>
   </tr>
   
    <tr>
      <td id="tishi">选择城市</td>
      <td>
         <select>
           <option>北京</option>
           <option>上海</option>
             <option>广州</option>
         </select>
      </td>
   </tr>
    <tr>
      <td id="tishi">职业</td>
      <td>
         <select>
           <option>学生</option>
           <option>职员</option>
             <option>职业</option>
         </select>
      </td>
   </tr>
    <tr>
      <td id="tishi">显示控件</td>
      <td><input type="text" /></td>
   </tr>
    <tr>
      <td id="tishi">形式</td>
      <td><input type="text" /></td>
   </tr>
    <tr>
      <td id="tishi">列表</td>
      <td>
          <input type="radio" value="rad1"/>男
          <input type="radio" value="rad1"/>女
 
      </td>
   </tr>
    <tr>
      <td id="tishi">兴趣爱好</td>
      <td><input type="checkbox" />唱歌
          <input type="checkbox" />跳舞
          <input type="checkbox" />跑步
      </td>
   </tr>
   <tr>
     <!--可让按钮居中-->
     <td colspan="2" align="center" >
         <input  type="button" value="返回"/>
         <input  type="submit" value="提交"/>
        </td>
   </tr>
   </table>
</body>
</html>

posted @ 2016-08-31 11:52  从哪来到哪去  阅读(275)  评论(0编辑  收藏  举报