菜鸟日记-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 ...
随机推荐
- 【转载】PHP.INI配置:Session配置详细说明教程
网上有很多PHP.INI文件配置的中文说明,但是对于PHP初学者来说在进行PHP运行环境搭建配置时还是容易一头雾水,今天换一种角度来分享如何进行php.ini配置,以求达到解决实际问题的效果,开篇以P ...
- github的一些指令
- zz---Tomcat服务器下部署项目几种方式
http://blog.sina.com.cn/s/blog_550281c60101hvrs.html 一.静态部署1.直接将web项目文件件拷贝到webapps 目录中 Tomcat的We ...
- 0801 am使用tp框架对数据库增删改查
增添数据,3种方法 function Text3() { $m=D("info"); //1.使用数组 $attr = array( "code"=>&q ...
- PoEdu - C++阶段班- Lesson07 To Lesson10_C to C++
07 重载导致的二义性 问题:为什么一定要重载呢?重载能方便我们注重函数的功能,当参数类型不确定时,我们能很便捷的利用重载的机制达到目的. 重载注意点:二义性 看代码: #include <c ...
- freeCodeCamp:Check for Palindromes
如果给定的字符串是回文,返回true,反之,返回false. 如果一个字符串忽略标点符号.大小写和空格,正着读和反着读一模一样,那么这个字符串就是palindrome(回文). 注意你需要去掉字符串多 ...
- 何为“精通Java”
何为精通Java?本来Java仅仅是一门语言,但从应用技术的角度来看,精通Java是可以无边无际的.很可能你可以对James说:我精通J2EE.JVM.Java服务器.大数据等等一些和Java相关的应 ...
- POJ 3468 A Simple Problem with Integers (线段树)
题意:给定两种操作,一种是区间都加上一个数,另一个查询区间和. 析:水题,线段树. 代码如下: #pragma comment(linker, "/STACK:1024000000,1024 ...
- [SmartFoxServer概述]使用文档
如何使用文档和例子 这份文档提供了一份关于如何通过SmartFoxServer 2X(缩写SFS2X)文档掌握要点的快速教程.在使用例子和技术文档之前,我们建议先参考以下主题内容. 不管你是Smart ...
- 使用Notepad++编码编译时报错(已解决?)
使用Notepad++编码编译时报错(已解决?) 使用Notepad++编码,编译的时候经常会报错,说什么GBK编码啥啥啥~~~但同样的编码用ECLIPSE就没有问题.再有,用记事本把他保存成ANSI ...