菜鸟日记-HTML-表格与表单
一、表格 <table></table> width:宽度。可以用像素或百分比表示。 border:边框,常用值0 cellpadding:内容跟单元格边框的边距。常用值0 align:对齐方式 bgcolor:背景色 background:背景图片 <tr></tr>行 align:一行的内容的水平对齐方式 valign:一行的内容的垂直对齐方式 height:行高 bgcolor:背景色 background:背景图片 <td></td>单元格 <th></th>表头,单元格的内容自动居中、加粗 align:单元格的内容对齐方式 valign:单元格的内容的垂直对齐方式 width:单元格宽度 height:单元格高度 bgcolor:背景色 background:背景图片 内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。 单元格合并:clospan:"n"合并同一行单元格 rowspan:"n"合并同一列单元格 |
二、表单 <form id="" name="" method="post/get" action="负责处理的服务端"> </form> id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见, post提交无长度限制,且编码后内容不可见 1、文本输入 文本框:<input type="txt" name="" id="" value="" /> 密码框:<input type="password" name="" id="" value="" /> 文本域:<textarea name="" id="" cols="" rows=""></textarea> 隐藏域:<input type="hidden" name="" id="" value="" /> 2、按钮 提交按钮:<input type="submit" name="" id="" disabled="disabled" value="" /> 重置按钮:<input type="reset" name="" id="" disabled="disabled" value="" /> 普通按钮:<input type="button" name="" id="" disabled="disabled" value="" /> 图片按钮:<input type="image" name="" id="" disabled="disabled" src="" /> 3、选择输入 单选按钮组:<input type="redio" name="" checked="checked" value="" /> 复选框组:<input type="checkbox" name="" checked="" value="" /> 文件上传:<input type="file" name="" id="" /> 下拉列表框: <select name="" id="" size="" multiple="multiple">----------mutiple为多选 <option value="值">内容1</option> <option value="值">内容2</option> <option value="值">内容3</option> </select> |
菜鸟日记-HTML-表格与表单的更多相关文章
- DOM之表格与表单基础分享
我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...
- css011 表格和表单的格式化
css011 表格和表单的格式化 一. 让表格专司其职 Html中创建一个三行三列的表格 <table> <caption align="bottom" ...
- BootStrap入门教程 (二) :BASE CSS(排版(Typography),表格(Table),表单(Forms),按钮(Buttons))
上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...
- 第3天:CSS浮动、定位、表格、表单总结
今天学的是浮动.定位.表格.表单等内容,这些是CSS中最容易混淆的知识,有许多小技巧在写代码过程中需要注意.下面是主要知识点: 一.float浮动1.块元素在一行显示2.内联元素支持宽高3.默认内容撑 ...
- WEB入门二 表格和表单
学习内容 Ø 表格的作用和制作 Ø 表单的制作 能力目标 Ø 掌握表格的创建 Ø 掌握设置表格的常用属性: Ø 理解表单的作用 Ø ...
- HTML&CSS精选笔记_表格与表单
表格与表单 表格标记 创建表格 要想创建表格,就需要使用表格相关的标记 <table> <tr> <td>单元格内的文字</td> ...
- Unit01: Web概述 、 HTML概述 、 文本处理 、 图像和超链接 、 表格 、 表单
Unit01: Web概述 . HTML概述 . 文本处理 . 图像和超链接 . 表格 . 表单 demo1.html <!-- 声明网页的版本(文档类型) --> <!doctyp ...
- 13、Semantic-UI之表格与表单
13.1 定义基础样式表格 在HTML中可以通过table进行表格定义,在Semantic-UI中也可以通过class="ui table"定义表格. 示例:定义基础表格 &l ...
- 框架,表格,表单元素,css基础以及基本标签的结合
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...
随机推荐
- POJ 2398 - Toy Storage 点与直线位置关系
Toy Storage Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 5439 Accepted: 3234 Descr ...
- ZERO 笔试
1.大多考到了 计算机网络 tcpip 和 操作系统 多线程的知识 直接 懵逼 2. 考到了 递归的全排列 #include<iostream> using namespace s ...
- shell 脚本注意事项
设脚本名为test.sh 第一行应该为#! /bin/bash 1.运行和调试的结果是不一样的 调试 sh -x test.sh 这时在计算两个数的和sum=$[$a+$b]时得到sum=3+4,而 ...
- python 2.X
from BaseHTTPServer import BaseHTTPRequestHandler
- java有符号无符号的转换
数据处理中常常遇到基本数据类型的操作,java都是有符号的数据,而与下位机通信中常常遇到无符号的比如uint8, uint16,uint32等等 1.为了完成这个功能还专门采用ByteBuffer的方 ...
- andorid lint
(一)Lint简介 Android SDK提供了一个代码扫描工具,称为lint.可以帮助您轻松地识别并纠正问题与结构质量的代码,不必执行应用程序或编写任何测试用例.每个问题检测到该工具报告的一个描述消 ...
- powerdesigner12.5入门教程
2015年1月23日21:13:43| 分类: 默认分类 | 标签: |字号大中小 订阅 转自http://blog.163.com/aijingyuan_198814/blog/static/1 ...
- Cocos2d-x v3.6制作射箭游戏(二)
原文 Cocos2d-x v3.6制作射箭游戏(二) 六 24, 2015by RENSHANin COCOS2D-X 上章我们创建并加载了游戏地图,接下来的两章我们将实现如下的效果. 在开始之前,先 ...
- java基础-反射之Class.forName
Class.forName 查阅javaAPI public static Class<?> forName(String className) throws ClassNotFoundE ...
- Windows下Qt5搭建Android开发环境笔记
Windows很大的特点是配置使用几乎都可以图形化进行,和Linux比起来在很多时候配置环境也要方便很多.所以,搭建Qt for Andorid也是十分简单的.需要以下工具: 1.最方便的Qt官方包, ...