一、表格

<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-表格与表单的更多相关文章

  1. DOM之表格与表单基础分享

    我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...

  2. css011 表格和表单的格式化

    css011 表格和表单的格式化 一.    让表格专司其职    Html中创建一个三行三列的表格 <table> <caption align="bottom" ...

  3. BootStrap入门教程 (二) :BASE CSS(排版(Typography),表格(Table),表单(Forms),按钮(Buttons))

    上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...

  4. 第3天:CSS浮动、定位、表格、表单总结

    今天学的是浮动.定位.表格.表单等内容,这些是CSS中最容易混淆的知识,有许多小技巧在写代码过程中需要注意.下面是主要知识点: 一.float浮动1.块元素在一行显示2.内联元素支持宽高3.默认内容撑 ...

  5. WEB入门二 表格和表单

    学习内容 Ø        表格的作用和制作 Ø        表单的制作 能力目标 Ø        掌握表格的创建 Ø        掌握设置表格的常用属性: Ø        理解表单的作用 Ø ...

  6. HTML&CSS精选笔记_表格与表单

    表格与表单 表格标记 创建表格 要想创建表格,就需要使用表格相关的标记 <table>     <tr>     <td>单元格内的文字</td>   ...

  7. Unit01: Web概述 、 HTML概述 、 文本处理 、 图像和超链接 、 表格 、 表单

    Unit01: Web概述 . HTML概述 . 文本处理 . 图像和超链接 . 表格 . 表单 demo1.html <!-- 声明网页的版本(文档类型) --> <!doctyp ...

  8. 13、Semantic-UI之表格与表单

    13.1 定义基础样式表格   在HTML中可以通过table进行表格定义,在Semantic-UI中也可以通过class="ui table"定义表格. 示例:定义基础表格 &l ...

  9. 框架,表格,表单元素,css基础以及基本标签的结合

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

随机推荐

  1. ssh免密码登陆

    Ssh免密码登陆设置 准备工作:1.确保两个主机里没有id_rsa.pub和authorized_keys的文件(这两个文件会影响实验的结果)# find / -name id_rsa.pub可查看是 ...

  2. 项目评价及第五周PSP的发布

         5TH 各组作品ALPHA发布体会       1:俄罗斯方块组做了主要功能,这个项目我自己原来拿c语言做过一部分,感觉此游戏细节特别多,逻辑思维需要组织,以为我的水准来说,感觉做的挺好的. ...

  3. c++实战吐槽(我还是太年轻了)

    习惯了用java, 现在切换到c++遇到了一些很滑稽的问题, 特此记录. 一. 使用了野指针 都知道不能使用野指针, 指针定义后,要初始化为null, 我在项目里面默认构造函数里面确实初始化为null ...

  4. 【erlang】IPv6格式转IPv4

    erlang里面的httpd模块保存的http请求头里面,其中remote_addr 保存的是IPv6的格式. 即使是IPv4,也会用IPv6的格式来保存.如 {remote_addr, " ...

  5. jsp_属性范围_application

    如果希望设置一个属性,可以让所有用户看得见,则可以将属性范围设置成application,这样属性即可以保存在服务器上. 下面写一个小例子来验证一下: (1)application_demo.jsp ...

  6. cmd

    ExecuteNonQuery  返回影响的行数 ExecuteScalar       返回第一行第一列

  7. 斯坦福第十八课:应用实例:图片文字识别(Application Example: Photo OCR)

    18.1  问题描述和流程图 18.2  滑动窗口 18.3  获取大量数据和人工数据 18.4  上限分析:哪部分管道的接下去做 18.1  问题描述和流程图

  8. 5.7 NDK开发

    JNI开发流程主要分为以下6步: 编写Java源代码 将Java源代码编译成class字节码文件 用javah -jni命令生成.h头文件(-jni参数表示将class中用native声明的函数生成j ...

  9. ES6 fetch函数与后台交互

    最近在学习react-native,遇到调用后端接口的问题.看了看官方文档,推荐使用es6的fetch来与后端进行交互,在网上找了一些资料.在这里整理,方便以后查询. 1.RN官方文档中,可使用XML ...

  10. C语言itoa()函数和atoi()函数详解(整数转字符C实现)

    1.int/float to string/array: C语言提供了几个标准库函数,可以将任意类型(整型.长整型.浮点型等)的数字转换为字符串,下面列举了各函数的方法及其说明. ● itoa():将 ...