求救!!!马上要考试了

qq_45131578 2019-05-26 07:09:25
设计一个简单的注册界面 可以“提交 ”和“重填”
...全文
117 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form>
<table>
<tr>
<td>名字</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td>姓氏</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td>登录名</td>
<td><input type="text"></td>
<td>(可包含a-z、0-9和下划线)</td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" maxlength="6"></td>
<td>(至少包含6个字符)</td>
</tr>
<tr>
<td>再次输入密码</td>
<td><input type="password" maxlength="6"></td>
<td></td>
</tr>
<tr>
<td>电子邮箱</td>
<td><input type="text"></td>
<td>(必须包含@字符)</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="a">男
<input type="radio" name="a">女
</td>
<td></td>
</tr>
<tr>
<td>头像</td>
<td><input type="file"></td>
<td></td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox">运动
<input type="checkbox">聊天
<input type="checkbox">玩游戏
</td>
<td></td>
</tr>
<tr>
<td>出生日期</td>
<td><input type="date"></td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit">
<input type="reset">
</td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
  • 打赏
  • 举报
回复
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form>
<table>
<tr>
<td>名字</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td>姓氏</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td>登录名</td>
<td><input type="text"></td>
<td>(可包含a-z、0-9和下划线)</td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" maxlength="6"></td>
<td>(至少包含6个字符)</td>
</tr>
<tr>
<td>再次输入密码</td>
<td><input type="password" maxlength="6"></td>
<td></td>
</tr>
<tr>
<td>电子邮箱</td>
<td><input type="text"></td>
<td>(必须包含@字符)</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="a">男
<input type="radio" name="a">女
</td>
<td></td>
</tr>
<tr>
<td>头像</td>
<td><input type="file"></td>
<td></td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox">运动
<input type="checkbox">聊天
<input type="checkbox">玩游戏
</td>
<td></td>
</tr>
<tr>
<td>出生日期</td>
<td><input type="date"></td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit">
<input type="reset">
</td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
芳芳是宝贝 2019-05-28
  • 打赏
  • 举报
回复
w3c搜一下,很快就做出来了c
潇湘忆梦 2019-05-28
  • 打赏
  • 举报
回复
完全按照你的需求来的话,还要写点js和正则。要是只是参考的话,下面的就是手机端的注册,你可以看下:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>H5</title>
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
    <meta name="viewport" media="(device-height: 568px)" content="initial-scale=1.0,user-scalable=no,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/gongyong.css">
    <script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js" type="text/javascript"></script>
</head>
<body>
    <div class="head">
        <span class="head_lf"><a href="index.html">返回</a></span>

        用户注册

        <span class="head_rg"><a href="login.html">登录</a></span>
    </div>

    <div class="zhuce">
        <div class="text">
            <span>手机号</span>
            <input type="text" placeholder="请输入手机号" class="input">
        </div>
        <div class="text">
            <span>验证码</span>
            <input type="text" placeholder="请输入验证码" class="input" style="width:55%">
            <span class="yzm"><input type="button" value="获取验证码"></span>
        </div>
        <div class="text">
            <span>昵 称</span>
            <input type="text" placeholder="请输入昵称" class="input">
        </div>
        <div class="text">
            <span>密 码</span>
            <input type="text" placeholder="请输入密码" class="input">
        </div>
        <div class="text">
            <span>确认密码</span>
            <input type="text" placeholder="请输入确认密码" class="input">
        </div>
        <div class="tip"><a href="#"><input type="checkbox" checked="checked">同意注册条款</a></div>
        <div class="btndl"><input type="submit" value="注 册"></div>
    </div>

    <div class="foot">
        <a href="index.html" class="now">
            <span><img src="images/sy.png"></span>
            首页
        </a>
        <a href="#">
            <span><img src="images/sousuo.png"></span>
            小区
        </a>
        <a href="#">
            <span><img src="images/sousuo.png"></span>
            关注
        </a>
        <a href="#">
            <span><img src="images/sousuo.png"></span>
            我的
        </a>
        <a href="#">
            <span><img src="images/sousuo.png"></span>
            更多
        </a>

    </div>
    <div style="text-align:center;">

    </div>
</body>
</html>

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧