HTML1118,表格与表单

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格与表单</title>
</head>

<body>
<table bgcolor="#00FF33" align="center" border="0" width="400" height="500" cellpadding="0" cellspacing="0"> 边框为零可去掉
<tr height="41">
<td width="120">邮箱：</td>
<td width="322"><input type="text"/></td>
</tr>
<tr height="41">
<td></td>
<td><font color="#999999" size="-2">需要通过邮箱激活账户，不支持souhu,21n,sougou的邮箱 </font></td>
</tr>
<tr height="41">
<td>登陆用户名：</td>
<td><input type="text" placeholder="" /></td>
</tr>
<tr height="41">
<td></td>
<td><font color="#999999" size="-2">尽在登陆时使用，字符不少于4个</font></td>
</tr>
<tr height="41">
<td>显示名称：</td>
<td><input type="text" placeholder="" /></td>
</tr>
<tr height="41">
<td></td>
<td><font color="#999999" size="-2">即昵称，字符不少于2个</font></td>
</tr>
<tr height="41">
<td>密码：</td>
<td><input type="password" value="11111111"</td>
</tr>
<tr height="41">
<td>确认密码：</td>
<td><input type="password" value="11111111" /></td>
</tr>
<tr height="41">
<td></td>
<td><font color="#999999" size="-2">至少8位，必须包含字母、数字、特殊字符</font></td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="s"checked="checked"/>男
<input type="radio" name="s"/>女
</td>
</tr>
<tr height="41">
<td>喜好：</td>
<td><font color="#000000" size="-2"><input type="checkbox" checked="checked"/>听音乐
<input type="checkbox" />打篮球
<input type="checkbox" />踢足球
<input type="checkbox" />旅游</font>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="注册" />
<input type="reset" value="重置" />
</td>
</tr>
</table>
<img usemap="huonan" src="../../火男.jpg" width="300">
<map name="huonan">
<area shape="rect" coords="79,-2,166,100" href="http://www.baidu.com" target="_blank"/>
</map>
</body>
</html>

时间： 2024-12-24 19:08:52

HTML1118,表格与表单的相关文章

HTML之表格和表单

1. 表格和表单的区别:表格多用于页面布局,创建页面的排版样式.表单多用于传输数据获取信息,如:input输入框,单选.多选.下拉选择框. 2. 表格:table. a. 基本样式如下: <table> <caption> table test </caption> <tr> <td rowspan="2">1</td> <td>2</td> </tr> <table/&g

今天学的是浮动.定位.表格.表单等内容,这些是CSS中最容易混淆的知识,有许多小技巧在写代码过程中需要注意.下面是主要知识点: 一.float浮动1.块元素在一行显示2.内联元素支持宽高3.默认内容撑开宽度4.脱离文档流5.提升层级半层二.clear清除浮动1.加高(扩展性不好)给浮动元素的父级设置同样的高度2.给父级加浮动(页面中所有元素都要加浮动,margin左右失效)3.inline-block(margin左右auto失效)4.空标签加浮动(div )(任何用到的地方都要加).clear

css011 表格和表单的格式化

css011 表格和表单的格式化一. 让表格专司其职 Html中创建一个三行三列的表格 <table> <caption align="bottom"> table 1:cosmofarmer.com's indoor mower roundup </caption> <colgroup> <col id="brand"></col> <col id="price&

DOM之表格与表单基础分享

我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节点:tBodies tHead tFoot rows(行) cells(列)(带S的都是获取的是一组元素) var oTab = document.getElementById('tab'); oTab.tBodies[0].rows[1].cells[0] //获取第二行的第一个注意,写表

【2016.11.27】表格和表单练习

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> table{border-collapse:collapse;} span{color:#f00;} </style> <title>表格和表单</title> </head> <body>

html+css学习笔记 5[表格、表单]

表格 -- 默认样式重置表格标签: table 表格 thead 表格头 tbody 表格主体 tfoot 表格尾 tr 表格行 th 元素定义表头 td 元素定义表格单元表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充单元格合并 rowspan 属性规定单元格可横跨的行数. <td rowspan="2"

表格和表单的学习知识

刚开始接触java 学习基础知识表格和表单的做法,下面写今天所学知识 <!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>&l

HTML基础（表格与表单）

1.3.表格与表单 1.3.1.表格 <table></table> 表格 width:宽度.可以用像素或百分比表示.常用960像素. border:边框.常用值0. cellpadding:内容跟单元格边框的边距.常用值0. cellspacing:单元格之间的间距.常用值0. align:对齐方式. bgcolor:背景色. background:背景图片. <tr></tr> 行 align:一行的内容的水平对齐方式 valign:一行的内容的垂直对齐

HTML（二）表格、表单

本章主要内容: 表格 form表单一.表格 A.结构 <table border="1" > <caption>我是标题</caption> <tr><th>序号</th><th>内容</th></tr> <tr><td>1</td><td>我</td></tr> <tr><td>2