2018.6.21 css的应用---注册表格
参与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的应用---注册表格的更多相关文章
- HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 01
工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 在开始之前,你需要了解一些基本的知识,不要求你能掌握,但是了解一下还是有益的: HTML 简 ...
- HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 03
工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我还想使用表格,做一个这样的颜色表,如下图所示: 如果按照之前的做法,把每一种颜色都列 ...
- HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 02
工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我想使用表格,做一个这样的颜色表,如下图所示: 例 3:我们参照上图,基于上一个例子, ...
- HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 04
工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 目前,我们已经将一些行和列插入到表格中,并设置单元格的背景颜色,显示 RGB 值等. 例 7 ...
- 演示：纯CSS实现自适应布局表格
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Microsoft Artificial Intelligence Conference（2018.05.21）
时间:2018.05.21地点:北京嘉丽大酒店
- China Intelligent Office Summit（2018.11.21）
时间:2018.11.21地点:中关村软件园国际会议中心
- 2018/8/21 qbxt测试
2018/8/21 qbxt测试 期望得分:0? 实际得分:0 思路:manacher 会写模板但是不会用 qwq 听了某人的鬼话,直接输出0,然后就gg了 #include <cstdio ...
- 范仁义html+css课程---6、表格
范仁义html+css课程---6.表格 一.总结 一句话总结: 表格中最常用的元素就是table.tr.td.th,还有语义化的thead.tbody.tfoot标签 1.表格构成三个基本要素? t ...
随机推荐
- python字符串和日期相互转换
- CF 980D Perfect Groups（数论）
CF 980D Perfect Groups(数论) 一个数组a的子序列划分仅当这样是合法的:每个划分中的任意两个数乘积是完全平方数.定义a的权值为a的最小子序列划分个数.现在给出一个数组b,问权值为 ...
- luogu4168蒲公英（区间众数）
luogu4168蒲公英(区间众数) 给定n个数,m个区间询问,问每个询问中的众数是什么. 题面很漂亮,大家可以去看一下. 对于区间众数,由于区间的答案不能由子区间简单的找出来,所以似乎不能用树形结构 ...
- 消耗战——dp+虚树
题目 [题目描述] 在一场战争中,战场由 $n$ 个岛屿和 $n-1$ 个桥梁组成,保证每两个岛屿间有且仅有一条路径可达.现在,我军已经侦查到敌军的总部在编号为 $1$ 的岛屿,而且他们已经没有足够多 ...
- asddf
https://docs.saltstack.com/en/getstarted/fundamentals/index.html https://pypi.org/simple/cherrypy/ 安 ...
- JS异步解决方案之概念理解-----------阻塞和非阻塞，同步和异步，并发和并行，单线程和多线程
首先记住一句话,JS是单线程的. 单线程意味着什么?单线程意味着 它不能依靠自己实现异步. JS实现的异步,往往都是靠 浏览器.Node 的机制(事件驱动.回调)实现的. 下面让我这个单身狗 以谈恋爱 ...
- Migration-添加表
public partial class _111111 : DbMigration { public override void Up() { CreateTable( "dbo.Asse ...
- Siverlight5 3D 中文环境搭建
一.测试环境 vs2010旗舰版 win7 64位旗舰版 二.必备工具 1.vs2010 旗舰版 2.vs2010 sp1 补丁 3.silverlight5 tools 也可以去silverligh ...
- Java面向对象_Object类
Object类 是类层次结构的根类,每个类都是用Object类作为超类,所有对象(包括数组)都实现这个类的方法.所有类都是Object类的子类. 下面先说两个方法toString()和equals(O ...
- linux 编程笔记 2
1.使用create建立文件: #include <stdio.h> #include <stdlib.h> #include <fcntl.h> #include ...