HTML制作注册页面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>注册页面</title>
</head>
<body>
<!--定义表单form-->
<form action="#" method="post"><table border="1" align="center" width="500"><tr><!--tr标签里面是一行的内容--><td><label for="user_name">用户名</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="text" name="username" id="user_name"></td><!--用户在用户名后面一栏填写内容为文本形式--></tr>tr><!--tr标签里面是一行的内容--><td><label for="password">密码</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="password" name="password" id="password"></td><!--用户在用户名后面一栏填写内容为文本形式--></tr>tr><!--tr标签里面是一行的内容--><td><label for="email">邮件</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="email" name="email" id="email"></td><!--用户在用户名后面一栏填写内容为文本形式--></tr>tr><!--tr标签里面是一行的内容--><td><label for="name">姓名</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="text" name="name" id="name"></td><!--用户在用户名后面一栏填写内容为文本形式--></tr>tr><!--tr标签里面是一行的内容--><td><label for="telephone">手机号</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="text" name="telephone" id="telephone"></td><!--用户在用户名后面一栏填写内容为文本形式--></tr>tr><!--tr标签里面是一行的内容--><td><label >性别</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="radio" name="gender" value="male">男<input type="radio" name="gender" value="female">女</td</td></tr>tr><!--tr标签里面是一行的内容--><td><label for="birthday">出生日期</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="date" name="birthday" id="birthday"></td><!--用户在用户名后面一栏填写内容为文本形式--></tr><td><label for="checkcode">验证码</label></td><!--td标签里面是一列的内容--><!--label使用户光标放进去可以选中--><td><input type="text" name="checkcode" id="checkcode"><img src="code.png"></td><!--用户在用户名后面一栏填写内容为文本形式--><!--选择合适的图片大小</tr></table>
</form></body>
</html>

效果为：

咳咳咳。。。忘了注册按钮

在这里插入代码片
<tr><td colspan="2" align="center"><input type="submit" value="注册"><!--按钮合并2个单元格，居中--><img src="code.png"></td></tr>

HTML制作注册页面相关推荐

【JS】制作注册页面
使用js制作注册页面,使用正则表达式验证该数据是否符合要求 <!DOCTYPE html> <html><head><meta charset="U ...
利用 HBuilderX 制作新闻列表页以及制作注册页面
一.制作新闻中心板块样式实践任务:制作新闻列表页 1.在web2项目文件夹中,创建一个空白网页文件,命名为news.html 2.网页文件用于展示一些新闻标题的列表,其中包含标题标签和列表标签 3. ...
制作注册页面（HTML）
一.项目成品二.案例说明本项目考察的是对于表格.列表(无序).表单标签的综合运用, 首先我们要写把这个整体看做是一个大表格,每行两列,分很多行我们的所有步骤都是基于一个表格每行两列的情况下,开始 ...
jsp网页制作html页面,JSP制作静态网页.ppt
JSP制作静态网页 JSP制作静态网页主要内容 1 制作网站的原型 2 制作注册页面 2.1 HTML的常用标签 2.2 CSS简介 2.3 使用HTML+CSS制作注册页面 2.4 JavaScr ...
记账APP：小哈记账2——注册页面的制作
项目介绍: 小哈记账是一款用于记账APP,基于Android Studio开发工具,采用Java语言进行开发,同时使用litepal和阿里云数据库进行数据的增删查改,以图标的形式在App的界面上显示. ...
【原型制作】无素材-纯原生制作-登录注册页面原型图
有一段时间没有做过原型图了,现在因为项目需要,得做一套完整的原型图,由于时间关系,考虑制作低保真的原型,虽然低保,还是得抓一把细节,嘻嘻,在这里记录下登录注册页面纯原生做法的全过程. 工具:Axure ...
html千年之恋的图片,HTML+CSS+JavaScript项目6 “千年之恋”注册页面制作_0525_连蕊.pptx...
项目6 "千年之恋"注册页面制作;;知识引入;1;1.表格的创建创建表格的具体语法格式如下: 对上述语法的具体解释如下: :用于定义一个表格.:用于定义表格中的一行,必须嵌套在标记 ...
html制作登陆注册页面
html制作登陆注册页面源代码如下 <!DOCTYPE html> <html lang="en"> <head><meta chars ...
“千年之恋”注册页面制作
"千年之恋"注册页面制作一.实验名称: 二.实验日期: 三.实验目的: 四.实验内容: 五.实验步骤: 六.实验结果: 七.源程序: 八.心得体会: 一.实验名称: " ...

HTML制作注册页面

HTML制作注册页面相关推荐

最新文章

热门文章