基本信息
文件名称:Web前端开发 课件 第4章 表格与表单.pptx
文件大小:1.15 MB
总页数:30 页
更新时间:2025-06-18
总字数:约1.2千字
文档摘要

第4章表格与表单;;;;4.1创建表格;应用表格时经常需要为表格设置表头,以使表格的格式更加清晰,方便查阅。表头一般位于表格的第一行或第一列,其文本加粗居中。;只需用表头标签th替代相应的单元格标签td即可。th标签与td标签的属性、用法完全相同,但th标签具有语义性,特指表头,标签包含的文本默认加粗居中显示。而td标签只是普通的单元格,标签包含的文本为普通文本且水平左对齐显示。;;表格标签属性中,较为常用的是colspan属性和rowspan属性,这两个属性书写在td标签中,用于合并单元格。;table标签属性如下表。;tableborder=10;4.3美化表格和单元格;4.4表单的基本概念;在HTML中,一个完整的表单通常由表单控件、提示信息和表单域3个部分构成。;对表单控件、提示信息和表单域的具体解释如下。;在HTML5中,form标签用于创建表单,即定义表单域,以实现用户信息的收集和传递,form标签中的所有内容都会被提交给服务器。;action属性用于指定接收并处理表单数据的服务器程序的url地址;表单控件:表单控件有多种形式,主要用来收集用户数据,包括label、input、textarea、select等。

最常使用的是input标签,根据功能的不同,input控件又分为text、password、radio、checkbox、file、submit、reset等类型。;formaction=login.phpmethod=post

用户名:inputtype=textname=username/

密码:inputtype=passwordname=password/

inputtype=submitvalue=登录/

inputtype=reset

/form;浏览网页时经常会看到输入框、单选按钮、提交按钮、重置按钮等,这些输入框和按钮都属于表单控件。要想在网页中定义这些表单控件就需要使用input/标签。;input/标签的常用属性如下。;;属性;案例演示;通过textarea标签可以轻松地创建多行文本输入框。;textarea控件可选属性:disabled、name和readonly。;浏览网页时,经常会看到包含多个选项的下拉菜单。例如,选择所在的城市、出生年月、兴趣爱好等。;使用select控件可???制作下拉菜单效果。;在HTML5中,可以为select标签和option标签定义属性,以改变下拉菜单的外观显示效果。select标签和option标签的常用属性如下。;4.7案例-学生信息登记表