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

2019-03-17  本文已影响0人  Tn299

题目

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
上一篇下一篇

猜你喜欢

热点阅读