参与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. [Django笔记] Apache + mod-wsgi 环境部署所遇到的各种问题总结

    在一台CentOS7机器上配置Django+apache运行环境 Django安装 python2 or python3 ? 一般情况下Linux系统都有自带python2,本机CentOS7上的是p ...

  2. 解读人：谭亦凡，Macrophage phosphoproteome analysis reveals MINCLE-dependent and -independent mycobacterial cord factor signaling（巨噬细胞磷酸化蛋白组学分析揭示MINCLE依赖和非依赖的分支杆菌索状因子信号通路）（MCP换）

    发表时间:2019年4月 IF:5.232 一. 概述: 分支杆菌索状因子TDM(trehalose-6,6’-dimycolate)能够与巨噬细胞C-型凝集素受体(CLR)MINCLE结合引起下游通 ...

  3. C# Stack堆栈的使用方法

    堆栈(Stack)代表了一个后进先出的对象集合.当您需要对各项进行后进先出的访问时,则使用堆栈.当您在列表中添加一项,称为推入元素,当您从列表中移除一项时,称为弹出元素. Stack 类的方法和属性 ...

  4. ThinkSNS+ PHP开发概述

    Plus (读音:[plʌs],全称:ThinkSNS+ [θɪŋk es en es plʌs],是 ThinkSNS 系列产品一个重要版本,其软件识别名称为 Plus 即 +) 是一个基于 Lat ...

  5. Shell操作相关的快捷键 --Linux

    一.shell和bash shell --unix --Bourne shell ,bash --linux --Bourne again shell.bash (GNU Bourne-Again S ...

  6. HDU2066-一个人的旅行

    题目链接:点击打开链接 Problem Description 虽然草儿是个路痴(就是在杭电待了一年多,居然还会在校园里迷路的人,汗~),但是草儿仍然很喜欢旅行,因为在旅途中 会遇见很多人(白马王子, ...

  7. 关于webpack的版本导致的postcss-loader的问题

    来源自问题 https://segmentfault.com/q/1010000006987956 !!!发现这解决方案还是不能用,估计是webpack又更新了一轮,请看看下下方的答案 某个版本web ...

  8. Django基础(1)

    昨日内容回顾: 1. socket创建服务器 2. http协议: 请求协议 请求首行 请求方式 url?a=1&b=2 协议 请求头 key:value 请求体 a=1&b=2(只有 ...

  9. mybatis批量处理sql

    转载大神 https://www.cnblogs.com/xujingyang/p/8301130.html

  10. net core 的Generic Host 之Generic Host Builder

    前言 通用Host(Generic Host) 与 web Host 不同的地方就是通用Host解耦了Http请求管道,使得通用Host拥有更广的应用场景.比如:消息收发.后台任务以及其他非http的 ...