邮箱注册界面_表单练习

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <style type="text/css">
 5 body
 6 {
 7     background-repeat:repeat-x;
 8 }
 9 </style>
10 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11 <title>邮箱注册</title>
12 </head>
13
14 <body background="../素材/渐变.png">
15 <table border="0" align="center" height="800">
16 <tr>
17 <td>邮箱:</td>
18 <td><input type="text" /></td>
19 </tr>
20 <tr>
21 <td><div align="left"></div></td>
22 <td>需要通过邮箱激活账户,不支持Sohu,21cn的邮箱</td>
23 </tr>
24 <tr>
25 <td>登录用户名:</td>
26 <td><input type="text" /></td>
27 <tr>
28 <td></td>
29 <td>尽在登录时使用,字符数不少于4个</td>
30 </tr>
31 <tr>
32 <td>显示名称:</td>
33 <td><input type="text" /></td>
34 </tr>
35 <tr>
36 <td></td>
37 <td>即昵称,字符数不少于2个</td>
38 </tr>
39 <tr>
40 <td>密码:</td>
41 <td><input type="password" /></td>
42 </tr>
43 <tr>
44 <td>确认密码:</td>
45 <td><input type="password" /></td>
46 </tr>
47 <tr>
48 <td></td>
49 <td></td>
50 </tr>
51 <tr>
52 <td></td>
53 <td>至少8位,必须包含字母、数字、特殊字符</td>
54 </tr>
55 <tr>
56 <td>性别:</td>
57 <td><select size="1">
58 <option value="">男</option>
59 <option value="">女</option>
60 </td>
61 </tr>
62
63
64 <tr>
65 <td>喜好:</td>
66 <td><select size="1">
67 <option value="">听音乐</option>
68 <option value=""><看电影</option>
69 </td>
70 </tr>
71 <tr>
72 <td></td>
73 <td><input type="button" value="注册"/></td>
74
75 </tr>
76 </table>
77 </body>
78 </html>

时间: 2024-10-10 22:38:13

邮箱注册界面_表单练习的相关文章

c#_表单处理方式

阅读目录 开始 简单的表单,简单的处理方式 表单提交,成功控件 多提交按钮的表单 上传文件的表单 MVC Controller中多个自定义类型的传入参数 F5刷新问题并不是WebForms的错 以Ajax方式提交整个表单 以Ajax方式提交部分表单 使用JQuery,就不要再拼URL了! id, name 有什么关系 使用C#模拟浏览器提交表单 资源链接 Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源. 虽然Asp.ne

注册和登录表单切换的大气登录页模板

全屏的背景图片,简洁的设计,注册和登录表单可切换,很不错的登录页模板.演示  下载 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><he

bootstrap_09按钮_表单

<!doctype html> <html> <meta charset="utf-8" /> <head> <title>益司CMS-PC与手机建站集成</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no

博客系统注册来看form表单使用

创建django app01项目 models结构如下 1 class UserInfo(AbstractUser): 2 """ 3 用户信息 4 """ 5 nid = models.AutoField(primary_key=True) 6 nickname = models.CharField(verbose_name='昵称', max_length=32) 7 telephone = models.CharField(max_leng

jsp界面form表单通过定位失败问题

问题:在博主写jsp界面是遇到了一个提交问题,那就是在form表单通过button按钮的onclick事件提交时,无论如何都会返回一个请求.所以focus定位一直有问题,每次在定位之后都会重新刷新界面 (简言之:就是form表单中的属性,button按钮也会自动提交数据): 代码如下: <form id="register"> <div><label>手机号    :</label><span><input type=&

Bootstrap_表单_表单样式

一.基础表单 <form > <div class="form-group"> <label>邮箱:</label> <input type="email" class="form-control" placeholder="请输入您的邮箱地址"> </div> <div class="form-group"> <la

MVC5高级编程_表单和html辅助方法

使用HTML辅助方法关键在于 确保HTML页面链接中的URL指向正确的位置.表单元素拥有适用于模型绑定的合适名称和值,以及当模型 绑定失败时其他元素能够显示相应的错误提示消息. 1.表单的使用     @using(Html.BeginForm("Searhch", "Home", FormMethod.Get,new { target = "_blank", @class="editForm", data-validatab

Bootstrap_表单_表单控件状态

一.焦点状态 焦点状态是通过伪类“:focus”来实现.Bootstrap框架中表单控件的焦点状态删除了outline的默认样式,重新添加阴影效果. <form role="form" class="form-horizontal"> <div class="form-group"> <div class="col-xs-6"> <input class="form-cont

Bootstrap_表单_表单控件

一.输入框input 单行输入框,常见的文本输入框,也就是input的type属性值为text. 在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstrap框架都是通过input[type=“?”] (其中?号代表type类型,比如说text类型,对应的是input[type=“text”])的形式来定义样式的. 为了让控件在各种表单风格中样式不出错,需要添加类名“.form-control”. <form role=&quo