表格与表单

表格:
基本结构:
<table>
<tr>
<td>万物</td>
</tr>
</table>

【表格中的每个单元格中都可以单独再添加表格】
table 的属性:
width:宽度
border:边框
align:对齐方式
bgcolor:背景色
background:背景图片
cellpadding:内容与单元格边框的距离,内部距离
cellspacing:单元格之间的距离,外部距离

tr 的属性
align:行内容水平对齐方式
valign:行内容垂直对齐方式
height:行高
bgcolor:背景色
background:背景图片

td 的属性
align:单元格内容水平对齐方式
valign:单元格内容垂直对齐方式
height:单元格高度
单元格宽度
bgcolor:背景色
background:背景图片

三个重点
一、几行几列(几行,每一行有几个单元格)

二、宽度和高度
width="" higth=""
三、边框
border="" 以像素为单位 当数字为零时,表格无边框
--------------------------------------------------------------------
表单:表单元素一般就写在<form>表单标记中间,一个页面只能有一个form表单
一、文本输入
文本框 - <input type="text">
密码框 - <input type = "password">
文本域 - <textarea></textarea>
隐藏域 - <input type="hidden">

二、按钮
提交按钮 - <input type="submit">
重置按钮 - <input type="reset">
普通按钮 - <input type="button">
图片按钮 - <input type="image">

disabled = "disabled/enable" -使按钮不可用/可用
id=""
value - 按钮显示文字


三、选择输入
单选按钮 - <input type="radio">
复选按钮 - <input type = "checkbox">
name="分组依据的内容" - 分组
checked = "checked" - 默认选中(单选按钮组中只能有一个,多选按钮组中可有多个)
<label for="指向id"> - 将焦点定位到for指向的id元素上去

文件上传 - <input type = "file">
下拉列表框:
<select multiple="multiple"> - 是否显示多项
<option>项1</option>
<option>项2</option>
......
</select>

option 中有 selected 属性,设置selected = "selected",就是默认选中项


原文地址:https://www.cnblogs.com/123lucy/p/5595841.html