首页 > Web开发 > 详细

初学WEB初做表单

时间:2016-08-31 13:35:22      阅读:148      评论:0      收藏:0      [点我收藏+]

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

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>

初学WEB初做表单

原文:http://www.cnblogs.com/liebedichjbj/p/5825345.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!