表单是Web程序设计中最基本的功能,表单通常用来收集用户信息,对于简单的收集一条信息的表单设计制作会比较容易。但如果要设计同时录入多条数据的表单则难度较大,比如要求设计一个表单同时录入一个班40个同学的成绩,这种表单设计较为复杂且有较大的技巧性,本文将结合PHP程序设计语言由易到难详细阐述复杂表单的设计。
表单设计也有一定技巧,掌握表单设计技巧可以设计功能比较复杂的表单。在设计复杂表单时需要掌握一些表单元素使用的技巧[1]。例如要传送一项数据同时不希望在表单显示该数据可以使用隐藏域元素,因为隐藏域元素在表单运行状态是看不到的。也可以将隐藏域的名字命名为数组,这样即可通过多个命名为同一数组名隐藏域元素一次性提交多项数据。要录入多个学生的多个成绩,每个学生的多个成绩可通过多个名字设置为数组的文本框传递[2]。
可以利用上面表单设计技巧设计一个较为复杂的录入学生成绩的表单,可同时录入多个学生的多门课程成绩,例如下面lt3.php代码[3]。
上面表单元素在命名时有一定技巧,存储学生学号使用的以下两个复选框[5]。
这里两个复选框默认都设置为已勾选,同时通过CSS样式设置为运行时不可见,这样就可以把两个学号值传递过去。学生的姓名通过两个名字设置为数组的隐藏域传递,代码如下。
每个学生的多个成绩是通过多个名字设置为数组的文本框传递,代码如下。
学生成绩数组名可按一定规则命名,方便获取成绩时使用。这里设置的两个学生的成绩数组名分别为cj0和cj1。这两个数组名在获取表单数据时可以比较容易组合出来,利用字符串”cj”连接(.)一个循环变量($i)即可。然后再利用一次循环即可获得用学生的多个成绩,如果需要将学生成绩插入数据库,可以在该循环中添加相关数据库操作代码。
以上例子中学生人数是固定的,实际编程中可以用PHP代码动态生成表单中每个学生成绩录入行,从而实现更加灵活的复杂表单设计。
本文通过巧妙设计复选框、隐藏域和输入框等一些表单元素的名称和显示方式,比如以数组的形式命名输入框和默认选择复选框但运行时不显示复选框等,从而巧妙实现了提交多条信息的复杂表单。这些复杂表单设计技巧有一定的应用价值,对编写Web程序有一定的参考价值,也同样适用于ASP、JSP和ASP.NET等编程环境。
摘要:表单是Web开发中最基本的功能,设计录入一条信息的表单比较容易。但如果要设计同时录入多条信息的复杂表单则有一定难度。为了实现一个同时录入多条信息的复杂表单,本文巧妙运用了许多表单设计技巧,并结合PHP程序设计语言设计实现了一个复杂表单,该表单能灵活提交多条信息到表单处理页面。本文所讲述的复杂表单设计技巧有一定的应用价值,对编写Web程序有一定的参考价值,本文的表单设计技巧同样适用于ASP、JSP和ASP.NET等编程环境。
关键词:Web开发,复杂表单,设计技巧,表单处理
[1] 刘艳.Web表单设计技巧探析[J].电脑知识与技术,2014(4):45-47.
[2] 杨红艳.Web表单在职业教育信息化教学中的应用[J].河南农业,2018(1):31-34.
[3] 吴代文,曹熙斌.网站建设与管理基础及实训(PHP版)[M].北京:清华大学出版社,2013.
[4] 林龙健.项目驱动式信息系统开发实训教程(PHP+MySQL+jQuery)[M].北京:清华大学出版社,2019.
[5] 马石安,魏文平.PHP Web程序设计与项目案例开发[M].北京:清华大学出版社,2019.
推荐阅读:
稍复杂的分数乘法应用题07-01
基于zigbee的课程设计06-15
列方程解稍复杂的分数应用题教案06-02
复杂系统布尔网络模型及应用05-25
基于主题的情感分析06-24
基于dm广告的研究06-01
基于struts的网上书店06-26