form 表单练习

创建战网通行证账号,开启您的冒险之旅。

<form>
    <table border="0">
        <tr>
            <td>账号:</td>
            <td > <input type="text"  name="tt" value="" placeholder="请输入想注册的账号"  /></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td ><input type="password" name="pw" value="" placeholder="请设置您账号的登入密码"  /> </td>
        </tr>
        <tr>
            <td>重复密码:</td>
            <td><input type="password" name="pe" value="" placeholder="再次输入密码" /></td>
        </tr>
        <tr>
            <td>验证码:</td>
            <td><input type="password" name="pe" value="" placeholder="请输入六位验证码" /></td>
            <td><input type="image" src="1.gif" width="30px" height="30px"/></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td><input type="radio" id="x1" name="xb" value="0" />
                <label for="x1" >男</label>
                <input type="radio" id="x2" name="xb" value="1" />
                <label for="x2" >女</label>
            </td>
        </tr>
        <tr>
            <td>玩过什么游戏:</td>
            <td > <input type="checkbox"  id="c1"  value="b1"  />
                  <label for="c1">英雄联盟</label>
                  <input type="checkbox"  id="c2"  value="b2"  />
                  <label for="c2">穿越火线</label>
                  <input type="checkbox"  id="c3"  value="b3"  />
                  <label for="c3">魔兽世界</label>
                  <input type="checkbox"  id="c4"  value="b4"  />
                  <label for="c4">守望先锋</label></td>
                  
           </tr>
           <tr>
                   <td>
                    <select name="education" id="education" size='1'>
         <option value="0"  selected="selected">年</option>
         <option value="1">1998</option>
         <option value="2">1997</option>
         <option value="3">1996</option>
         <option value="4">1995</option>
         <option value="5">1994</option>
         <option value="6">1993</option></select>
                </td>
           
           </tr>
           <tr>
                   <td>
                    <input type="button" value="按钮" />
                    
               
                    <input type="submit" value="提交" />
                
                    <input type="reset" value="重置" />
                </td>
           </tr>
        
    </table>

 

 

 

 

posted @ 2016-12-22 11:17  终极用户  阅读(365)  评论(0编辑  收藏  举报