input表单案例

<!--label，用户点击文字直接跳进文本框输入-->
<label>用户名：<input type="text"/></label>
<label>密码：<input type="password"/></label>

<!--表单填写模式-->
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center">
    <caption><h4>青春不常在，抓紧谈恋爱</h4></caption>
    <tr>
        <td>性别</td>
        <td><input type="image" src="../img/man.jpg"/>男
            <input type="image" src="../img/man.jpg"/>女
        </td>
    </tr>
    <tr>
        <td>生日</td>
        <td><label>
            <input type="text"/>
        </label></td>
    </tr>
    <tr>
        <td>所在地区</td>
        <td><input type="text" value="广州"/></td>
    </tr>
    <tr>
        <td>婚姻状态</td>
        <td>
            离婚<input type="radio" name="sex"/>
            未婚<input type="radio" name="sex"/>
            丧偶<input type="radio" name="sex"/>
        </td>
    </tr>
    <tr>
        <td>用户名</td>
        <td><input type="text"/></td>
    </tr>
    <tr>
        <td>密码</td>
        <td><input type="password" maxlength="8"/></td>
    </tr>
    <tr>
        <td>喜欢类型</td>
        <td>
            清新<input type="checkbox" name="love" checked="checked"/>
            妩媚<input type="checkbox" name="love"/>
            御姐<input type="checkbox" name="love"/>
            小鲜肉<input type="checkbox" name="love"/>
            气质<input type="checkbox" name="love"/>
        </td>
    </tr>
    <tr>
        <td>自我介绍</td>
        <td>
           <textarea cols="50" rows="8"></textarea>
        </td>
    </tr>
    <tr>
        <td>籍贯</td>
        <td>
            <select>
                <option>广州</option>
                <option>深圳</option>
                <option selected="selected">珠海</option>
                <option>东莞</option>
                <option>中山</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>出生年份</td>
        <td>
            <label>
                <select>
                    <option>1990</option>
                    <option>1991</option>
                    <option>1992</option>
                    <option>1993</option>
                    <option>1994</option>
                </select>
            </label>
        </td>

    <tr>
        <td><!--按钮--></td>
        <td>
            <input type="button" value="注册"/>
            <input type="submit" value="提交">
            <input type="reset" value="重设"/>
            <input type="image" src="../img/btn.png" />
        </td>
    </tr>
    <!--把所填内容传入某文件、后台-->
    <form action="" method="get">
        用户名：<input type="text" name="yonghuming"/><br/>
        密&nbsp码：<input type="password" name="mima"/><br/>
        <input type="submit" value="注册"/>
        <input type="reset" value="重设"/>
    </form>
</table>