表格和表单

表格:
在设计里,创建表格,选择几行几列,表格宽度有百分比和像素
图片是由像素组成
像素越多,图片越清晰,图片的文件就越大

基本结构:
<table> --表格开始,表格里只能放行
<tr> --行里只能放列
<td>万物</td> --列/单元格
</tr>
</table>

table的属性:
cellpadding:内容与单元格边框的距离,内部距离
cellspacing:单元格之间的距离,外部距离
width:宽度
border:边框
align:水平对齐方法(align right 向右对齐)

tr的属性
valign 垂直对齐的方法
height:行高

table、tr和td里都有:
align:水平对齐方法
bgcolor:背景颜色
backgroung:背景图片

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

二、宽度和高度

三、边框

表单:

表单元素一般就写在<form>表单标记中间,一个页面只能有一个form表单
在head里打入<style type="text/css">
id里的内容
</style>
一、文本输入
文本框 - <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" - 是否可用
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/sunshuping/p/5595876.html