Web前端---表格和表单

简介: Web前端---表格和表单

1.表格概述

表格标记:<table></table>

表格标题标记:<caption></caption>

表头:<th></th>------heading

行标记:<tr></tr>-----r是row

列标记:<td></td>-----d是data

2.表格的属性设置

align:表格相对于周围的元素的对齐方式

bgcolor:背景颜色

cellpadding:单元格的边缘和其周围内容的空白,单位是像素或者百分比;

cellspacing:单元格之间的空白;

frame:外侧的边框那个部分可见,取值是hsides就会让外侧边框的左右两边不显示;

               vsides:显示左右边框

               lhs:显示左边框

               rhs:显示右边框

rules:内侧的边框那个部分可见,取值是rows就会使的每一行没有分割线;

3.单元格的属性

rowspan  colspan分别表示跨行,跨列,包含在<td>标签里面;

align:单元格的内容水平对齐;

valign:单元格的内容垂直对齐;

4.表格的嵌套

一般选择在单元格里面嵌套表格

5.定义域和域标题

fieldset可以用来定义域;该标记没有属性,成对存在;

legend标记用来定义域标题,在fieldset标记的内部,具有align属性,属性值是left right center

6.表单信息的输入

表单里面输入信息的标记是input标记;

该标记是单个的标记,该标记的属性有name,type

type包括以下类型:

7.下拉列表

通常是使用select  optgroup  option3个标记实现下拉菜单和网页内容的分组展示;

select里面的size属性用来规定下拉列表里面可见选项的数目;

checked属性可以把复选框里面的单选按钮设置为默认预选状态;

selected属性可以把下拉列表里面的某一个选项设置为默认预选的状态。

相关文章
|
1天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术演进
本文探讨了从前端到后端的技术演进,介绍了前端、后端以及多种编程语言,如Java、Python、C、PHP和Go,以及数据库在构建现代化Web应用中的应用。通过深入剖析各个技术领域的发展和应用,读者将对构建高效、可扩展、安全的Web应用有更深入的理解。
|
2天前
|
编解码 前端开发 UED
探索Web前端开发中的响应式设计原则
本文将介绍Web前端开发中的响应式设计原则,探讨如何通过优化网页布局、使用媒体查询和灵活的CSS技术,实现在不同设备上的良好用户体验。我们将讨论适应性布局、流式布局和弹性布局等关键概念,并提供实际示例帮助读者更好地理解和应用这些原则。
|
4天前
|
存储 缓存 前端开发
100道 IT名企前端面试真题,Web前端阿里等大厂面试题汇总
100道 IT名企前端面试真题,Web前端阿里等大厂面试题汇总
|
4天前
|
前端开发 JavaScript
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
|
4天前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
|
XML Web App开发 JavaScript
前端入门教程(二)Web前端与HTML简介
一 web1.0时代的网页制作 网页制作是web1.0时代的产物,那个时候的网页主要是静态网页,所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页,我们当时称为“牛皮癣”网页。 例如一篇QQ日志、一篇博文等展示性文章。
2500 0
|
4天前
|
数据安全/隐私保护
那些酷炫的网页你也可以做到——第六篇,小型公司web开发
那些酷炫的网页你也可以做到——第六篇,小型公司web开发
|
5天前
|
存储 安全 前端开发
第五章 跨域资源共享(CORS):现代Web开发中的关键机制
第五章 跨域资源共享(CORS):现代Web开发中的关键机制
|
6天前
|
设计模式 开发框架 数据库
Python Web开发主要常用的框架
【5月更文挑战第12天】Python Web开发框架包括Django、Flask、Tornado和Pyramid。Django适用于复杂应用,提供ORM、模板引擎等全套功能;Flask轻量级,易于扩展,适合小型至中型项目;Tornado擅长处理高并发,支持异步和WebSockets;Pyramid灵活强大,可适配多种数据库和模板引擎,适用于各种规模项目。选择框架需依据项目需求和技术栈。
123 2
|
2天前
|
Kubernetes 前端开发 JavaScript
未来Web开发的趋势与挑战
随着科技的不断发展,Web开发行业也在不断演进。本文将探讨未来Web开发的趋势和面临的挑战,涵盖了前端、后端以及多种编程语言和数据库相关的技术。