H5-3

HTML表格

  • html表格由<table>标签来定义,每个表格有若干行(由<tr>标签来定义),每行被分割为若干单元(由<td>标签来定义)。字母td指表格数据,即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

table

<table>标签的属性:
border 边框,单位是像素,设置为0则不显示边框
width 表格的宽度 heigth表格的高度 cellspacing 单元格间距 默认值为2 单位是像素 cellpadding 单元格内边距 即单元格与单元格中内容的间距 默认值为 0 align(对齐)<center、left、right>

<tr>定义表格的行
<td>定义表格单
<th>定义表格的表头
<caption>定义表格标题
<colgroup>定义表格列的组
<col>定义表格列的属性
<thead>定义表格的页眉
<tfoot>定义表格的页脚
<tbody>定义表格的主体
注释:rowspan合并行,colspan合并列
span规定了<col>应该横跨的列数

表单

HTML表单用于收集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置

多数情况下被用到的表单标签是输入标签(<input>)。

输入类型是由类型属性(type)定义的。

文本域通过<input type="text"> 标签来设定

密码字段

密码字段通过标签<input type="password"> 来定义

单选按钮(Radio Buttons)

<input type="radio">标签定义了表单单选框选项

复选框(Checkboxes)

<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

提交按钮(Submit Button)

<input type="submit"> 定义了提交按钮.

<form>定义供用户输入的表单
<input>定义输入域
<textarea>定义文本域(一个多行的输入控件)
<label>定义了filedset元素的标题。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<button>定义按钮
<select>定义选择列表(下拉列表)
<option>定义选择列表中的选项
<optgroup>把相关的选项组合在一起
<filedset>定义了一组相关的表单元素,并使用外框包含起来。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,359评论 1 41
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,839评论 1 92
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,955评论 3 184
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,267评论 4 61
  • 在我的喜歡裡,你一直存在著,而我在不確定中生存著。 我寧願在不知秋夏中隨風流動,在你的影子附近躊躇。也不願意正面那...
    你不愛用腦的宇宙大叔阅读 147评论 0 0