zoukankan      html  css  js  c++  java
  • html学习之简单注册表单

     1 <html>
     2 <head>
     3     <title>新用户注册</title>
     4     <meta charset="utf-8">
     5     <style>
     6         li{
     7             list-style-type: none;
     8         }
     9     </style>
    10 </head>
    11 <body>
    12 <center>
    13 <form action="#" method="post" name="myForm">
    14     <fieldset>
    15         <legend>注册用户</legend>
    16         <center>
    17             <ul>
    18                 <li> 用 户 名:<input name="username" type="text"  maxlength="20"></li>
    19                 <li>&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="pwd1" size="20" maxlength="20"></li>
    20                 <li> 确认密码:<input type="password" name="pwd2" size="20" maxlength="20"></li>
    21                 <li>
    22&nbsp;&nbsp;&nbsp;&nbsp;别:<input type="radio" name="sex" class="noborder" value="男" checked>&nbsp;
    23                     <input type="radio" name="sex" class="noborder" value="女" >24                 </li>
    25                 <li>
    26                     爱好:<input type="checkbox" name="hobby" value="体育">体育
    27                     <input type="checkbox" name="hobby" value="旅游">旅游
    28                     <input type="checkbox" name="hobby" value="听音乐">听音乐
    29                     <input type="checkbox" name="hobby" value="看书">看书
    30                 </li>
    31                 <li>E-mail:<input type="text" name="email" size="50"></li>
    32                 <li>
    33                     <input type="submit" class="btn" value="确定并保存">
    34                     <input type="reset" class="btn" value="重新填写">
    35                     <input type="image" class="btn" value="☞登陆" src="images/btn_jpg">
    36                 </li>
    37             </ul>
    38         </center>
    39     </fieldset>
    40 </form>
    41 </center>
    42 </body>
    43 </html>

    运行结果如下:

    注册用户
    • 用 户 名:
    • 密    码:
    • 确认密码:
    • 性    别:男 
    • 爱好:体育 旅游 听音乐 看书
    • E-mail:
  • 相关阅读:
    JVM内存模型
    生产者与消费者的Java实现
    kafka常用命令
    java中join用法
    elasticsearch关于索引切分的实现
    三十六进制加法
    leetCode之Median of Two Sorted Arrays
    腾讯云“动态加速”与“CDN”的区别——浅谈对“动态加速”的理解(可能有误)
    洗澡或游泳等导致的耳朵进水的解决方案
    windows服务器间文件同步搭建步骤搜集
  • 原文地址:https://www.cnblogs.com/yumiaoxia/p/7203194.html
Copyright © 2011-2022 走看看