Blogger Information
Blog 10
fans 2
comment 0
visits 5916
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3月19日
勇闯天涯不喝酒的博客
Original
586 people have browsed it

没有前端基础有点难记

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格布局用户注册表单</title>
</head>
<body>
<form action="" method="post">
    <table border="0" cellspacing="0" cellpadding="8" align="center" width="600" bgcolor="#a9a9a9">
        <caption><h3>同性恋交友网注册</h3></caption>
        <tr>
            <td colspan="2">
            </td>
        </tr>
        <tr align="center">
            <!--lable:点击控件的时候使焦点落在文本框中-->
            <td align="right"><label for="email">邮箱:</label></td>
            <td align="left"><input type="text" name="email" id="email" placeholder="example@php.cn" size="30"></td>
        </tr>
        <tr align="center">
            <td align="right"><label for="password">密码:</label></td>
            <td align="left"><input type="password" name="password" id="password" placeholder="数字+字母不少于8位" size="30"></td>
        <tr align="center">
            <td align="right"><label for="confirm_password">确认密码:</label></td>
            <td align="left"><input type="password" name="confirm_password" id="confirm_password" placeholder="数字+字母不少于8位" size="30"></td>
        <tr>
        <td align="right">婚姻状况:</td>
        <td align="left">
            <input type="radio" name="marry" value="marrid">已婚
            <input type="radio" name="marry" value="unmarrid"marry
            <input type="radio" name="marry" value="secret" checked>保密
        </td>
        </tr>
        <tr align="center">
            <td align="right">性别:</td>
            <td align="left">
                <input type="radio" name="sex" value="male">男
                <input type="radio" name="sex" value="female">女
                <input type="radio" name="sex" value="secret" checked>保密
            </td>
        </tr>
        <tr align="center">
            <td align="right">兴趣:</td>
            <td align="left">
                <!--复选框的name必须是数组-->
                <input type="checkbox" name="hobby[]" value="domestic_violence">打人
                <input type="checkbox" name="hobby[]" value="game" checked="">打游戏
                <input type="checkbox" name="hobby[]" value="cook">做饭
                <input type="checkbox" name="hobby[]" value="wash">洗衣服
            </td>
        </tr>
        <tr align="center">
            <td align="right">想法:</td>
            <td align="left">
                <select name="level">
                    <option value="1">你抗揍不</option>
                    <option value="2">老婆说的都是对的</option>
                    <option value="3" selected="">浪里个浪</option>
                    <option value="">你就是作</option>
                </select>
            </td>
        </tr>
        <tr align="center">
            <td align="right"><label for="photo">头像:</label></td>
            <td align="left">
                <img src="images/13.png" height="20">
                <input type="file" name="photo" id="photo" accept="image/*">
            </td>
        </tr>
        <tr align="center">
            <td align="right"><label for="conment">简介:</label></td>
            <td align="left"><textarea type="textarea" name="conment" id="conment" placeholder="爱介绍不介绍,随便你" rows="6" cols="40"></textarea></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="reset" name="reset" value="重新来">
                    
                <input type="submit" name="submit" value="提交">
            </td>
        </tr>
    </table>
</form>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

0319-1.png0319-2.png0319-3.png

Correction status:qualified

Teacher's comments:作业已检查! 完成的不错!大赞!!
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post