练习：注册页面（简单）

最新推荐文章于 2024-04-30 10:00:00 发布
最新推荐文章于 2024-04-30 10:00:00 发布
阅读量505 收藏 1
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinyiY/article/details/104066906
版权

源代码：

<!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>

运行结果图：
在这里插入图片描述

_堇忆
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML案例-4.注册页面表单练习
m0_46279684的博客
03-14 592
<dt>奶茶</dt><dd>奶茶是奶和茶做的</dd><dd>非常好喝</dd>...
js练习4：使用HTML5验证博客园注册页面.zip
08-27
在这个“js练习4：使用HTML5验证博客园注册页面”的学习资源中，我们将探讨如何利用JavaScript和HTML5的内置验证功能来创建一个有效的博客园注册页面。这个练习旨在帮助学习者掌握JavaScript的基本语法以及HTML5的新...
注册页面练习
weixin_34293246的博客
09-11 785
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>注册</title> <style> *{ margin:0px; } ...
练习 —— 用户注册页面
Archer__13的博客
05-18 441
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <!--引入jquery --> <script t.
登录，注册页面练习
weixin_30307921的博客
07-21 317
数据库： create database aspnet go use aspnet go create table Umz ( Umzz nvarchar(20) primary key,--民族代号，主键 Ummz nvarchar(20)--民族 ) insert into Umz values('M1','汉族') insert into U...
PHP实现简单的注册页面(正则表达式练习)
黛琳ghz的博客，期待你的关注。
04-08 4541
1. 首先做出简单的注册页面的模板，包括用户名、密码、手机号码、邮箱 2.其中用户名、密码、手机号码、邮箱通过正则表达式实现数据匹配 用户名不能为空，用户名不超过10个字符（字母、数字) 密码不能为空，密码只能为4~14个数字 手机号码不能为空，手机号码必须为11位，且第1位为1 邮箱不能为空，邮箱地址无效 3.当输入的数据匹配正确时，跳转到另一个页面，(显示输入的数据)
django学习练习：实现一个简易问卷网站.zip
09-29
在本项目中，我们主要探讨的是使用Python的Django框架构建一个简单的在线问卷调查网站。Django是一个功能强大的Web开发框架，它遵循模型-视图-控制器（MVC）设计模式，提供了丰富的功能来帮助开发者快速高效地创建...
简单的静态登录注册页面
05-02
在前端开发领域，创建一个简单的静态登录注册页面是学习HTML、CSS和JavaScript基础的重要实践项目。这个项目旨在帮助初学者巩固这三种核心技术的理解，并提升代码编写能力。下面将详细讲解这三个关键技术在构建登录...
jquery练习2:验证贵美网站注册页面
01-02
贵美网站注册页面需要进行验证，确保用户输入的信息合法、正确。我们可以使用jQuery来实现这一功能。首先，我们可以编写一个jQuery函数，当用户点击注册按钮时触发。在这个函数中，我们可以获取用户输入的用户名、...
练习：模仿发短信来做一个简单的论坛（部分问题）
04-11
在这个“练习：模仿发短信来做一个简单的论坛”中，我们将探讨如何构建一个基本的在线讨论平台，灵感来源于手机短信的应用方式。这个练习涉及到的核心技术主要包括前端界面设计、后端服务处理以及用户交互逻辑。我们...
HTML网页练习之网易邮箱注册页面
12-01
使用HTML+CSS+JavaScript搭建的网易邮箱注册页面，所用代码和素材都已经包含在压缩包中，涉及网页的搭建和客户端对用户名、密码等的格式验证。欢迎大家下载参考
web前端中一个注册页面
12-24
自己平时的练习，我是今年才学的web，做的不好，希望大家不要介意，希望对大家有帮助。
HTML中用户信息注册
05-04
此文件中包含对于数据的增删改查信息，可以好好的看一看
QQ注册页（纯静态页面）适合刚学完html和css的小伙伴练手
最新发布
DL_dldlhhj的博客
04-30 1198
QQ注册页（纯静态页面）适合刚学完html和css的小伙伴练手
HTML练习----注册界面
weixin_33883178的博客
12-22 228
<!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"> <head> <...
【HTML练习】登录注册界面模板1
coding加油站
08-04 9771
登录注册界面
前端开发练习：HTML注册页面
APythonC的博客
11-05 518
效果图如下： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <h4>青春不常在，抓紧谈恋爱</h4> <table width="500"> <!-- 第一行性别-
简单登陆注册练习2登陆
why
10-29 321
登陆页面<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'denglu.jsp' starting page</tit
html css练手_【技术篇前端】用纯html实现注册界面
weixin_35544017的博客
12-27 484
点击蓝字关注我哦不知不觉，听说爱情很美这个公众号也已经陪大家走过了两年多的岁月。但是由于期间我经常鸽子，所以导致其实这个公众号推文量极少。中间有想过多写一些自己的原创长篇文章(要好几百字才能申请原创)来丰富自己公众号的内容，但是由于自己懒，加上对自己文章要求很严格。所以一直都没搞。所以！在这里，我决定开一栏技术篇章，文字功底要求不高，还能申请原创，还能给大家带来知识，还能提高自己的能力，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值