源代码:

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html";charset="UTF-8"/><title>注册页面</title>
</head>
<body><table width="952" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><img height="330" src="C:\Users\堇忆\Pictures\Saved Pictures\魔道.jpg"></td></tr><form action="" method="post" enctype="multipart/form-data" name="register" id="register"><table width="100%" border="0" cellspacing="2" cellpadding="0"><tr><td width="30%" height="20" align="center">用户名:</td><td width="70%"><lable for="name"></lable><input type="text" name="name" id="name" size="20" maxlength="10" placeholder="用户名不超过10位字符"/></td></tr><tr><td height="30" align="center">密码:</td><td><lable for="password"></lable><input type="password" name="password" id="password" size="20" maxlength="8" placeholder="密码不超过8位字符"/></td></tr><tr><td height="30" align="center">确认密码:</td><td><input type="password" name="password1" id="password1" size="20" maxlength="8" placeholder="请确认密码"/></td></tr><tr><td height="30" align="center">性别:</td><td><input type="radio" name="radio" id="radio1" value="radio" checked="checked"/><label for="radio">男<input type="radio" name="radio" id="radio2" value="radio"/>女</label></td></tr><tr><td height="30" align="center">爱好:</td><td><input type="checkbox" name="checkbox" id="checkbox"/><label for="checkbox">阅读<input type="checkbox" name="checkbox" id="checkbox1"/>唱歌<input type="checkbox" name="checkbox" id="checkbox2"/>跳舞</label></td></tr><tr><td height="30" align="center">邮箱:</td><td><input type="text" name="email" id="email"/></td></tr><tr><td height="30" align="center">地址:</td><td><label for="select"></label><select name="select" id="select" size="3"><option>北京市</option><option>上海市</option><option>河南省</option><option>湖北省</option><option>陕西省</option><option>其他</option></select></td></tr><tr><td height="30" align="center">头像:</td><td><label for="image"></label><input type="file" name="image" id="iamge" size="30" maxlength="30"/></td></tr><tr><td height="30" align="center">自我介绍:</td><td><label for="content"></label><textarea name="content" id="content" rows="10" cols="50"></textarea></td></tr><tr><td height="50" align="center" valign="middle"><input type="submit" name="submit" id="submit" value="提交"/></td><td height="50" align="left" valign="middle"><input type="reset" name="reset" id="reset" value="重置"/></td></tr></table></form></table>
</body>
</html>

运行结果图:

练习:注册页面(简单)相关推荐

  1. HTML登录注册页面简单实现

    完整代码下载: github:传送门 , 码云: 传送门 效果参考: 登录页面,注册页面 临时在线测试地址:http://139.9.68.218:3333/login2.html 使用了bootst ...

  2. PHP登录与注册页面简单实现(包含数据库验证)(包含数据库)

    log.php(登录主界面) 由于是简单的页面,登录页面只做了数据库验证,其实有条件也可以加上邮箱验证和验证码验证. <!doctype html> <html> <he ...

  3. 用HTML做一个简单的web登录页面,简单的JavaWeb注册登录案例

    简单的JavaWeb注册登录案例 1.注册页面register.html register 姓名: 电话: 邮箱: qq: 2.注册案例实现程序register.java /** * 注册案例实现程序 ...

  4. HTML实现简单的注册页面

    HTML是一种标记语言,用于创建网页,这里使用HTML创建了一个简单的注册页面,其中包含表单元素,如文本框.密码框.单选按钮.下拉列表.文件上传和文本域. 先看看效果图:  代码如下: <!DO ...

  5. html+css实现了简单的注册页面

    直接上代码 (注册页面:简单修改就可用) <!DOCTYPE html> <html><head><meta charset="utf-8" ...

  6. 一个简单的注册页面制作

    一个简单的网页–流水哗啦啦购物平台: 点击注册新用户后,出现的注册页面: 当密码少于八位时出现的提示: 当密码格式不正确时出现的提示: 当年龄格式不正确时出现的提示:(年龄有效格式为1-120之间的数 ...

  7. 实现简单QQ注册页面

    HTML实现简单QQ注册页面 今天突发奇想,仿一个QQ注册页面哈哈!! 效果如图: 按钮功能都还没实现,只是一个简单的网页界面! 实现代码如下 <!DOCTYPE html> <ht ...

  8. HTML+CSS简单应用实例——购物网站的制作(二)注册页面

    HTML+CSS简单应用实例--购物网站的制作(二)注册页面 接上一篇文章,本片文章是注册页面. 下面是效果图: 分析:上方欢迎注册是DIV,下面是表单,点击登录按钮会出现注册成功提示.下方为脚本,同 ...

  9. Java—简单的注册页面

    根据所提供的界面,编写 register.html 文件 源代码 empty.jsp <%@ page contentType="text/html;charset=UTF-8&quo ...

  10. HTML 简单实现注册页面

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

最新文章

  1. block 实现原理详解(一)
  2. html修改按钮背景颜色,html鼠标悬浮在按钮上,让按钮背景变色
  3. 上海市城镇廉租住房申请条件
  4. MySQL 之 索引
  5. 机器学习如何解决问题
  6. 于是按照贴吧某同学的指教,把imageViewer里那个愚蠢的语句改了
  7. 源码分析参考:Scheduler
  8. 怎么样把百度搜索引入自己的网站JS实现(附源代码)
  9. protected的继承方式有什么特点_草莓的授粉方式有哪些?各有什么特点
  10. jQuery ajax post put 请求
  11. 为何吾博客周排名没有数字显示?
  12. python 调用大漠
  13. TamronOS IPTV系统任意用户添加修改
  14. gmod服务器文件,gmod服务器里改名字指令 | 手游网游页游攻略大全
  15. [转] 彼得林奇:最珍贵的成长股投资精髓
  16. forward() takes 2 positional arguments but 3 were given
  17. 财报解读:硬件支撑思科增长,云平台何时能突围?
  18. java jersey 参数_Java Jersey:接收表单参数作为字节数组
  19. 存储基础知识(二)回滚的原理
  20. 梯度提升树(GBDT)详解之一:回归举例

热门文章

  1. 真实评测 i510300h和r75700u怎么选
  2. notepad卡顿_轻量级的文本编辑器之Notepad
  3. itext 单元格放置图片设置大小
  4. 你会招聘一个能力比自己强的人做下属吗?
  5. C/C++反三角函数使用注意事项
  6. 95、民用建筑的耐火等级
  7. 成语小状元被吐槽了,但又被我们神逆转!免费升级!
  8. 使用selenium爬取淘宝店铺信息
  9. python mac自动打电话软件_Python实现Mac版QQ半自动发送情话(用了这个,我追到了自己的女神)...
  10. 菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记(九)—— 预测与校验