首页 前端知识 web前端-----html5----用户注册

web前端-----html5----用户注册

2024-10-29 11:10:50 前端知识 前端哥 687 265 我要收藏

以改图为例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>用户注册</title>

</head>

<body>

    <form action="#" method="post">

        <table style="width: 350px;" border="0">

            <tr >

                <th colspan="2" align="center" bgcolor="#696969" >用户注册</th>

            </tr>

           <tr bgcolor="#a9a9a9">

                <td >

                    <label for="username">用户名称</label>

                </td>  

                <td>  

                    <input type="text" name="username" id="username">                  

                </td>          

            </tr>

            <tr bgcolor="#a9a9a9">

                <td >

                    <label for="password">密码</label>

                </td>

                <td>    

                    <input type="password" name="password" id="password">                  

                </td>          

            </tr>

            <tr bgcolor="#a9a9a9">

                <td >

                    性别

                </td>

                <td>    

                    <input type="radio" name="xb" value="男">男

                    <input type="radio" name="xb" value="女">女                

                </td>          

            </tr>

            <tr bgcolor="#a9a9a9">

                <td >

                    爱好

                </td>

                <td>    

                    <input type="checkbox" name="hb" value="写作">写作

                    <input type="checkbox" name="hb" value="听音乐">听音乐

                    <input type="checkbox" name="hb" value="羽毛球">羽毛球                

                </td>          

            </tr>

            <tr bgcolor="#a9a9a9">

                <td >

                    省份

                </td>

                <td bgcolor="#a9a9a9">    

                    <select name="address" id="address">

                        <option>北京市</option>

                        <option>四川省</option>

                        <option>浙江省</option>

                        <option>陕西省</option>

                        <option>江苏省</option>

                        <option>湖北省</option>

                        <option>广东省</option>

                    </select>                  

                </td>          

            </tr>

            <tr bgcolor="#a9a9a9">

                <td>

                    自我介绍

                </td>

                <td>

                    <textarea name="intr" id="intr" cols="35" rows="10"></textarea>

                </td>

            </tr>

            <tr>

                <th colspan="2" align="center" bgcolor="#696969">

                    <input type="submit" value="提交">

                       <input type="reset" value="重置">

                </th>

            </tr>

        </table>

    </form>

</body>

</html>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19453.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!