3.171.阿里里巴巴用户注册页面(表单)

题目

1.阿里里巴巴用户注册页面
需求说明
(1) .电子邮箱、登录名、密码最多能容纳的字符数是32个字符,验证码最多能容纳5个字符。
(2) .默认情况下会员身份中的“买家”处于选中状态。
(3) .提交按钮使用素材中提供的图片代替。

代码

<body>
  <table width="954" cellpadding="0" cellspacing="0" align="center">
    <tr>
      <td><img src="阿里巴巴注册页面/图片素材00/header.jpg" width="954" height="107" alt="注册页面"></td>
    </tr>
    <tr>
      <td>
       <form action="#" method="post">
        <table width="900" cellpadding="5" cellspacing="10" align="center">
         <tr>
          <td align="right">电子邮箱:</td>
          <td><input type="text" name="mile" maxlength="32"></td>
         </tr>
         <tr>
          <td align="right">会员登录名:</td>
          <td><input type="text" name="vip" maxlength="32"></td>
         </tr>
         <tr>
          <td align="right">密码:</td>
          <td><input type="password" name="pw" maxlength="32"></td>
         </tr>
         <tr>
          <td align="right">再次输入密码:</td>
          <td><input type="password" name="pd" maxlength="32"></td>
         </tr>
         <tr>
          <td align="right">会员身份:</td>
          <td>
            <input type="radio" value="买家" name="shenfen" checked="checked">买家
            <input type="radio" value="卖家" name="shenfen">卖家
            <input type="radio" value="两者都是" name="shenfen">两者都是
          </td>
         </tr>
         <tr>
          <td align="right">验证码:</td>
          <td>
           <input type="text" name="yzm" maxlength="5">
           <img src="阿里巴巴注册页面/图片素材00/verycode.gif" width="132" height="25">
           <a href="#">看不清?换一张</a>
          </td>
         </tr>
         <tr>
          <td></td>
          <td><input type="image" src="阿里巴巴注册页面/图片素材00/btn_reg.gif"></td>
         </tr>
         <tr>
          <td></td>
          <td>
          <textarea name="texs" cols="40" rows="5">
欢迎阅读阿里巴巴公司(阿里巴巴)服务条款协议(下称"本协议"),您应当在使用服务之前认真阅读本协议全部内容,且对本协议中加粗字体显示的内容,阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站(所涉域名为:Alibaba.com.cn、alibaba.cn、1688.com,下同),所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。
          </textarea>
          </td>
         </tr>
        </table>
      </form> 
      </td>
    </tr>
    <tr>
      <td><img src="阿里巴巴注册页面/图片素材00/footer.jpg" width="954" height="61"></td>
    </tr>
  </table>
</body>

效果图

image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 表单 一、 表单的基本应用 (一) 表单典型的应用场景 1. 登录、注册 2. 网上订单 3. 调查问卷 4. 网...
    拾起_518阅读 1,796评论 0 0
  • 这个序可能会有些长 先作个自我介绍,我是一名交互设计师,90后。我并不怎么喜欢编辑文章或写点什么,就是因为懒,所以...
    IxDKN阅读 13,807评论 16 160
  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 10,998评论 0 9
  • 我们,都是羞于表达的人,做了一世的母女,从未说过:我爱你!在你离别四年后的今天,突然觉得这句表达如鲠在喉,它是我的...
    元初阅读 4,461评论 6 2
  • 胡晓会 河南漯河 网络初级九期学员 2018.8.21坚持分享第178天 《家庭中的正面管教》 关系问句——善用重...
    胡晓会阅读 1,216评论 0 0

友情链接更多精彩内容