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 ...
随机推荐
- 【原创】智能合约安全事故回顾分析（1）：The Dao事件
首先需要说明的一点是,这个世界上没有绝对安全的技术.在区块链发展的十年里,各种基于区块链的数字货币引发的安全事故层出不穷,这些安全威胁主要来源有三个方面: 自身安全机制的问题,类似智能合约. 生态安全 ...
- 洛谷P2484 [SDOI2011]打地鼠
P2484 [SDOI2011]打地鼠 题目描述 打地鼠是这样的一个游戏:地面上有一些地鼠洞,地鼠们会不时从洞里探出头来很短时间后又缩回洞中.玩家的目标是在地鼠伸出头时,用锤子砸其头部,砸到的地鼠越多 ...
- Java按模板导出Excel———基于Aspose实现
目录 开发环境 先看效果 引入jar包 校验许可证 导出方法 测试结果 占位符 开发环境 jdk 1.8 Maven 3.6 SpringBoot 2.1.4.RELEASE aspose-cells ...
- Linux调优（内存,CPU）
一.相关概念简介 system call:系统调用 time slice:cpu时间片 O(1):Linux系统进程调度器 page frame:分页 RSS:常驻内存集,无法被页面化的数据 MMU: ...
- Jmeter report优化
优化大致过程 生成并的报告模板: <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet ...
- js index of()用法
含义: indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置.(工作中常用) 提示和注释: 注释:indexOf() 方法对大小写敏感! 注释:如果要检索的字符串值没有出现,则该方 ...
- js 数组,字符串,json互相转换（在select实现多个输入的时候与后台交互常使用）
数组转字符串 var arr = [1,2,3,4,'巴德','merge']; var str = arr.join(','); console.log(str); // 1,2,3,4,巴德,me ...
- jmeter使用BeanShell Sampler测试自己写的java接口（一）
上次直接使用jmeter里面的FTPsampler没有连接成功 现在想着自己写java代码,通过jmeter进行调用进行连接测试实现并发 代码引文: http://www.cnblogs.com/ch ...
- 08.Spring Bean 解析 - BeanDefinitionDocumentReader
基本概念 BeanDefinitionDocumentReader ,该类的作用有两个,完成 BeanDefinition 的解析和注册 . 解析:其实是解析 Ddocument 的内容并将其添加到 ...
- 实现一个类似bootstrap的多级下拉菜单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...