HTML(2) 实现一个简单的注册页面

效果图如下：

<!DOCTYPE html>
<html><head lang="en"><meta charset="UTF-8"><title>注册页面</title><style>table{border: 1px solid beige;}span{color: #66CCFF;}th{background-color: gainsboro;}tr{border: 1px solid beige;}td{border: 1px solid aliceblue;}.redText{color: red;}.redStar{color: red;}</style></head><body><!-- 8列--><form action=""><table align="center" cellspacing="0"><tr><th colspan="8" align="left">1.会员登录名和密码</th></tr><tr><td>用户名：</td><td colspan="2"><input type="text"/><span class="redStar">*&emsp;</span></td><td colspan="5"><input type="button" value="检测用户名"/><span>5-15位，请使用英文(a-z、A-Z)、数字(0-9)</span></td></tr><tr><td>密&emsp;码：</td><td colspan="2"><input type="password"/><span class="redStar">*&emsp;</span></td><td colspan="5"><span>5-15位，请使用英文(a-z)、数字(0-9)注意区分大小写;<br/>密码不能与登录名相同;易记;难猜;</span></td></tr><tr><td>再次输入密码：</td><td colspan="2"><input type="password"/><span class="redStar">*&emsp;</span></td><td colspan="5"><span>两次输入的密码必须一致</span></td></tr><tr><th colspan="8" align="left">2.姓名和联系方式</th></tr><tr><td>真实姓名：</td><td colspan="2"><input type="text"/><span class="redStar">*&emsp;</span></td><td colspan="5"><input type="radio" checked="checked" name="Sex" value="male"/>先生<input type="radio" name="Sex" value="female"/>小姐</td></tr><tr><td>电子邮箱：</td><td colspan="2"><input type="text"/><span class="redStar">*&emsp;</span></td><td colspan="5"><span class="redText">非常重要！</span><br/><span>这是客户与您联系的首选方式，请一定填写真实。</span></td></tr><tr><td>固定电话：</td><td colspan="2"><input type="text"/><span class="redStar">*&emsp;</span></td><td colspan="5"><span>区号+电话号码</span></td></tr><tr><td>公司所在地：</td><td colspan="7"><select><option>北京</option><option>上海</option><option>成都</option></select><select><option>东城</option><option>武侯区</option><option>金牛区</option></select></td></tr><tr><td>街道地址：</td><td colspan="5"><input style="width: 350px;" type="text"/><span class="redStar">*&emsp;</span></td><td colspan="2"><span>填写县(区)、街道、门牌号</span></td></tr><tr><td>传真号码：</td><td colspan="7"><input type="text"/></td></tr><tr><td>手机号码：</td><td colspan="7"><input type="text"/></td></tr><tr><td>邮政编码：</td><td colspan="7"><input type="text"/></td></tr><tr><th colspan="8" align="left">3.公司名称和主营业务</th></tr><tr><td>贵公司名称：</td><td colspan="2"><input type="text"/><span class="redStar">*&emsp;</span></td><td colspan="5"><span>请填写在工商注册的公司/商号全称;<br/>无商号的个体经营者填写执照上的姓名,如：张三(个体经营)</span></td></tr><tr><td>你的职位：</td><td colspan="2"><input type="text"/><span class="redStar">*&emsp;</span></td><td colspan="5"></td></tr><tr><td>主营行业：</td><td colspan="2"><select><option>电子电工</option><option>IT科技</option><option>小猪佩奇</option></select></td><td colspan="5"><span>请正确选择。您会收到该行业、该产品的供求信息</span></td></tr><tr><td>主营产品/服务：</td><td colspan="7"><input  style="width: 250px;" type="text"/><span class="redStar">*&emsp;</span><span>3个主要相关品名/服务名,最少要填一个。例如：太阳帽，布料，拉链</span></td></tr><tr><td>公司地址：</td><td colspan="7"><input  style="color: darkgrey;width: 250px;" type="text" value="http://"/></td></tr><tr><td></td><td colspan="7"><input style="background-color: #00FF00;color: white" type="submit" value="确认提交"/></td></tr></table></form></body>
</html>

HTML(2) 实现一个简单的注册页面相关推荐

一个简单的注册页面制作
一个简单的网页–流水哗啦啦购物平台: 点击注册新用户后,出现的注册页面: 当密码少于八位时出现的提示: 当密码格式不正确时出现的提示: 当年龄格式不正确时出现的提示:(年龄有效格式为1-120之间的数 ...
一个HTML实例:写一个简单的注册页面
<!-- 暂时还没学CSS,只能是用表格进行页面布局,但是实际开发的时候不要这样写,这个题还是挺不错的,能够检验前面所学知识是否牢固,但是对于实际开发的时候不可这样使用做这个网页的时候遇到两个 ...
html js注册页面代码,JS一个简单的注册页面实例
// $(function(){ // $("input[name='uname']").blur(function(){ // var unamestr = $(this).va ...
HTML实现简单的注册页面
HTML是一种标记语言,用于创建网页,这里使用HTML创建了一个简单的注册页面,其中包含表单元素,如文本框.密码框.单选按钮.下拉列表.文件上传和文本域. 先看看效果图: 代码如下: <!DO ...
AJAX实现简单的注册页面异步请求
AJAX简介 (1)AJAX = 异步 JavaScript 和 XML. (2)AJAX 是一种用于创建快速动态网页的技术. (3)通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更 ...
使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API（代码可直接运行）
使用有道词典API做一个简单的翻译页面 HTML+JS+有道词典API(代码可直接运行) 代码很简单,适合初学者学习借鉴.可以当成一个小工具使用. 注意: 1.代码应联网使用. 2.在输入密钥和id时 ...
实现一个简单的登录页面
实现一个简单的登录页面设计了一个登录页面,感觉还挺不错的实现效果设计的还是挺好看的吧分析需要的功能一个登录页面一个注册页面翻转效果输入后的正则判断,给用户提示信息翻转要清空页面的全部信 ...
实现简单QQ注册页面
HTML实现简单QQ注册页面今天突发奇想,仿一个QQ注册页面哈哈!! 效果如图: 按钮功能都还没实现,只是一个简单的网页界面! 实现代码如下 <!DOCTYPE html> <ht ...
php用户注册功能设计,利用HTML+CSS设计一个简单的用户注册页面【示例】
本篇文章将要给新手小白们介绍如何使用HTML和css制作简单的注册页面.在开发网站过程中,如果网站内容要求是完善的信息站,那么肯定就离不开用户注册的这个功能.这个用户注册界面对于刚入门的前端新手来说, ...

HTML(2) 实现一个简单的注册页面

HTML(2) 实现一个简单的注册页面相关推荐

最新文章

热门文章