Grevl旅游注册的初步界面,以源代码和运行图片展示

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Grevl注册</title>
</head>
<body>

    <form>
        <fieldset>
            <legend><!-- <b>———</b> --></legend>
            <img src="images/Great Travl.png" width="500" height="500" align="left" vspace="5" hspace="5">
        
            <h1>Great Travl注册</h1>
        
            <form action="" method="get">
                <div>
                    <label for="用户名">用户名:</label>
                    <input type="text" name="用户名" required>
                </div>
            </form>
            
            <form action="" method="get">
                <div>
                    <label for="账号">&nbsp;&nbsp;&nbsp;账号:</label>
                    <input type="txet" name="账号">
                </div>
            </form>
            
            <form action="" method="post">
                <div>
                    <label for="密码">&nbsp;&nbsp;&nbsp;密码:</label>
                    <input type="password" name="密码" minlength="6" maxlength="16" required>
                </div>
            </form>
            
            <form>
                <fieldset>
                    <legend>性别</legend>
            
                    <input type="radio" id="男" name="1">
                    <label></label>
                    <br>
                
                    <input type="radio" id="女" name="1">
                    <label></label>
                
                </fieldset>

                <div>
                    <input type="submit" value="确认注册">
                    <input type="submit" value="返回登陆">
                </div>
            </form>
            
            <br>
            <br>
            <br>

            <div>
                <p>&reg;Great Travl</p>
                <a href="file:///D:/HTML%E4%BB%A3%E7%A0%81%E5%BA%93/%E6%97%85%E6%B8%B8%E6%94%BB%E7%95%A5/%E6%97%85%E6%B8%B8.html">Grevl官网</a>
                <a href="mailto:545@li.com">邮箱</a>
                <a href="tel:351355">电话</a>
            </div>

        </fieldset>
    </form>
</body>
</html>

posted @ 2018-09-15 15:05  NZVN  阅读(259)  评论(0编辑  收藏  举报