参与css样式表格的注册表单

<head>

	<meta charset="UTF-8" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<meta http-equiv="X-UA-Compatible" content="ie=edge" />

	<title>注册信息</title>

	<style>

		#info{

			font-size: 20px;

			color: red;

		}

		#sub{

			font-family: "微软雅黑";

			font-size: 25px;

			color: aqua;

		}

		#res{

			font: "arial black";

			font-synthesis: ;

			font-size: 20px;

		}

	</style>

</head>

<body>

	<form action="#" method="post">

		<table align="center" width="700px" height="300px" border="1" cellspacing="" cellpadding="">

			<tr id="info">

				<th colspan="3">填写用户注册信息</th>

			</tr>

			<tr>

				<td>用户名：</td>

				<td width="6px"><input type="text" name="uname" placeholder="请输入名字" /></td>

				<td>登录用户名</td>

			</tr>

			<tr>

				<td>密码：</td>

				<td><input type="password" name="pwd" id="pwd" placeholder="请输入密码" />

					<td>登录密码，6个以上字母数字组合,不区分大小写</td>

			</tr>

			<tr>

				<td>注册邮箱</td>

				<td><input type="text" name="email" id="email" value="" /></td>

				<td>录入后不可修改</td>

			</tr>

			<tr>

				<td>性别</td>

				<td><input type="radio" name="sex" id="sex" value="man" />男<input type="radio" name="sex" id="sex" value="woman" />女 </td>

				<td>选择你的性别</td>

			</tr>

			<tr>

				<td>出生年月</td>

				<td>

					<select name="year">

						<option value="">2003</option>年

						<option>2004</option>

						<option>2005</option>

						<option>2006</option>

					</select>年

					<select name="month">

						<option value="">1</option>年

						<option>2</option>

						<option>3</option>

						<option>4</option>

					</select>月

				</td>

				<td>选择你的出生年月</td>

			</tr>

			<tr>

				<td>兴趣标签</td>

				<td align="center">

					<input type="checkbox" name="" id="" value="" />生活

					<input type="checkbox" name="" id="" value="" />娱乐

					<input type="checkbox" name="" id="" value="" />体育

					<br />

					<input type="checkbox" name="" id="" value="" />财经

					<input type="checkbox" name="" id="" value="" />时尚

					<input type="checkbox" name="" id="" value="" />新闻

				</td>

				<td>选择你感兴趣的标签</td>

			</tr>

			<tr>

				<td>头像</td>

				<td><input type="file" name="head" id="" value="浏览" /></td>

				<td>选取你的头像文件</td>

			</tr>

			<tr>

				<td>个人简介</td>

				<td>

					<textarea name="jieshao " rows="3" cols="30"></textarea>

				</td>

				<td>请添加你的个人简介情况</td>

			</tr>

		</table>

		<br />

		<fieldset>

			<legend>hhh</legend>

			<input type="button" name="" id="" value="表格" />

		</fieldset>

		<p align="center">

		<input  type="reset" name="res" id="res" value="取消" />

		<input  type="submit" name="sub" id="sub" value="提交" />

		</p>

	</form>

</body>


<!DOCTYPE html>

<html lang="zh">

	<head>

		<meta charset="UTF-8" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<meta http-equiv="X-UA-Compatible" content="ie=edge" />

		<title>注册信息</title>

		<style>

			#info{

				font-size: 20px;

				color: red;

			}

			#sub{

				font-family: "微软雅黑";

				font-size: 25px;

				color: aqua;

			}

			#res{

				font: "arial black";

				font-synthesis: ;

				font-size: 20px;

			}

		</style>

	</head>

	<body>

		<form action="#" method="post">

			<table align="center" width="700px" height="300px" border="1" cellspacing="" cellpadding="">

				<tr id="info">

					<th colspan="3">填写用户注册信息</th>

				</tr>

				<tr>

					<td>用户名：</td>

					<td width="6px"><input type="text" name="uname" placeholder="请输入名字" /></td>

					<td>登录用户名</td>

				</tr>

				<tr>

					<td>密码：</td>

					<td><input type="password" name="pwd" id="pwd" placeholder="请输入密码" />

						<td>登录密码，6个以上字母数字组合,不区分大小写</td>

				</tr>

				<tr>

					<td>注册邮箱</td>

					<td><input type="text" name="email" id="email" value="" /></td>

					<td>录入后不可修改</td>

				</tr>

				<tr>

					<td>性别</td>

					<td><input type="radio" name="sex" id="sex" value="man" />男<input type="radio" name="sex" id="sex" value="woman" />女 </td>

					<td>选择你的性别</td>

				</tr>

				<tr>

					<td>出生年月</td>

					<td>

						<select name="year">

							<option value="">2003</option>年

							<option>2004</option>

							<option>2005</option>

							<option>2006</option>

						</select>年

						<select name="month">

							<option value="">1</option>年

							<option>2</option>

							<option>3</option>

							<option>4</option>

						</select>月

					</td>

					<td>选择你的出生年月</td>

				</tr>

				<tr>

					<td>兴趣标签</td>

					<td align="center">

						<input type="checkbox" name="" id="" value="" />生活

						<input type="checkbox" name="" id="" value="" />娱乐

						<input type="checkbox" name="" id="" value="" />体育

						<br />

						<input type="checkbox" name="" id="" value="" />财经

						<input type="checkbox" name="" id="" value="" />时尚

						<input type="checkbox" name="" id="" value="" />新闻

					</td>

					<td>选择你感兴趣的标签</td>

				</tr>

				<tr>

					<td>头像</td>

					<td><input type="file" name="head" id="" value="浏览" /></td>

					<td>选取你的头像文件</td>

				</tr>

				<tr>

					<td>个人简介</td>

					<td>

						<textarea name="jieshao " rows="3" cols="30"></textarea>

					</td>

					<td>请添加你的个人简介情况</td>

				</tr>

			</table>

			<br />

			<fieldset>

				<legend>hhh</legend>

				<input type="button" name="" id="" value="表格" />

			</fieldset>

			<p align="center">

			<input  type="reset" name="res" id="res" value="取消" />

			<input  type="submit" name="sub" id="sub" value="提交" />

			</p>

		</form>

	</body>

</html>

2018.6.21 css的应用---注册表格的更多相关文章

  1. HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 01

    工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 在开始之前,你需要了解一些基本的知识,不要求你能掌握,但是了解一下还是有益的: HTML 简 ...

  2. HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 03

    工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我还想使用表格,做一个这样的颜色表,如下图所示: 如果按照之前的做法,把每一种颜色都列 ...

  3. HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 02

    工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我想使用表格,做一个这样的颜色表,如下图所示: 例 3:我们参照上图,基于上一个例子, ...

  4. HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 04

    工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 目前,我们已经将一些行和列插入到表格中,并设置单元格的背景颜色,显示 RGB 值等. 例 7 ...

  5. 演示：纯CSS实现自适应布局表格

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  6. Microsoft Artificial Intelligence Conference（2018.05.21）

    时间:2018.05.21地点:北京嘉丽大酒店

  7. China Intelligent Office Summit（2018.11.21）

    时间:2018.11.21地点:中关村软件园国际会议中心

  8. 2018/8/21 qbxt测试

    2018/8/21 qbxt测试 期望得分:0? 实际得分:0 思路:manacher   会写模板但是不会用 qwq 听了某人的鬼话,直接输出0,然后就gg了 #include <cstdio ...

  9. 范仁义html+css课程---6、表格

    范仁义html+css课程---6.表格 一.总结 一句话总结: 表格中最常用的元素就是table.tr.td.th,还有语义化的thead.tbody.tfoot标签 1.表格构成三个基本要素? t ...

随机推荐

  1. 二进制数（dp，记忆化搜索）

    二进制数(dp,记忆化搜索) 给定k个<=1e6的正整数x(k不大于10),问最小的,能被x整除且只由01组成的数. 首先,dp很好写.用\(f[i][j]\)表示i位01串,模ki的值是j的数 ...

  2. 2017-11-8 NOIP模拟赛

    1.足球联赛 #include<iostream> #include<cstdio> #include<cstring> #include<algorithm ...

  3. 洛谷P1047 校门外的树

    P1047 校门外的树 题目描述 某校大门外长度为L的马路上有一排树,每两棵相邻的树之间的间隔都是1米.我们可以把马路看成一个数轴,马路的一端在数轴0的位置,另一端在L的位置:数轴上的每个整数点,即0 ...

  4. MCP|LQD|Data-independent acquisition improves quantitative cross-linking mass spectrometry （DIA方法可提升交联质谱定量分析）

    文献名:Data-independent acquisition improves quantitative cross-linking mass spectrometry (DIA方法可提升定量交联 ...

  5. 使用pods添加第三方的时候，出现ld: library not found for -lpop

    ld: library not found for -lpop 错误,是在使用pods添加第三方的时候,出现的编译错误,同时伴随着的是error: linker command failed with ...

  6. Linux 调优方案， 修改最大连接数(ulimit命令)

    https://blog.csdn.net/isoleo/article/details/51732687 https://www.cnblogs.com/zengkefu/p/5649407.htm ...

  7. Vue里的nextTick方法

    官方解释: 在下次 DOM 更新循环结束之后执行延迟回调.在修改数据之后立即使用这个方法,获取更新后的 DOM. 自己总结: `Vue.nextTick(callback)`,当数据发生变化,更新后执 ...

  8. 【ACM】子串和 - 贪心算法

    子串和 时间限制:5000 ms  |  内存限制:65535 KB 难度:3   描述 给定一整型数列{a1,a2...,an},找出连续非空子串{ax,ax+1,...,ay},使得该子序列的和最 ...

  9. JAVA四大特征：封装，继承，多态，抽象

    1,封装 将对象的属性和方法组合成一个独立的整体,隐藏实现的细节,并提供对外访问的接口. 封装的好处: (1):隐藏实现细节.好比你买了台电视机,你只需要怎么使用,并不用了解其实现原理. (2):安全 ...

  10. UVALive - 6440

    题目链接:https://vjudge.net/contest/241341#problem/G Indonesia, as well as some neighboring Southeast As ...