手机wap端用户注册表单（html+css）

最新推荐文章于 2022-08-06 22:52:23 发布

百事可爱多

最新推荐文章于 2022-08-06 22:52:23 发布

阅读量5.5k

点赞数

分类专栏：实习总结文章标签： html css wap

本文链接：https://blog.csdn.net/zsy227/article/details/52130736

版权

本文介绍了如何使用HTML和CSS创建手机WAP端的用户注册表单，强调了手机号码和密码输入框的长度限制，以及输入框的位置和placeholder内容的设计。在CSS部分，特别提醒避免使用绝对定位来控制元素位置。

摘要由CSDN通过智能技术生成

实现效果：
这里写图片描述

html代码：

<div class="login">
    <form action="*跳转接口*" method="post" onsubmit="return checkForm()">
      <div class="mt30"> <span>输入手机号码</span>
        <div class="input-wrap">
          <input type="text" name="phone" maxlength="11" id="mobile" />
        </div>
      </div>
      <div class="mt30">
        <span>设置登录密码</span> <a class="switch"><img src="img/eye.png" class="eye" id="eyeBtn" /></a>
        <div class="input-wrap">
          <input type="password" name="password" maxlength="16" id="password"  placeholder="(6-16位字符)" />
        </div>
      </div>
      <div class="mt30"> <span>输入验证码</span>
        <div class="yzm-button"><a id="captchaBtn" href=