表单标记＜form＞中数据输入与上传

2023-11-19 理论教育版权反馈

【摘要】：程序通过表单向服务器提交用户数据。form标记中上传的数据是用＜input＞、＜textarea＞、＜select＞标记定义的，这些标记中的属性name和value的值成对上传。在“E_form_2.htm”程序中：表示：有男、女两个下拉菜单项；以下拉方式显示菜单项；菜单项只能单选。使用“记事本”输入如下“E_form_2.htm”程序并存放在应用目录下的“E15”目录中。

表单（Form）是实现图形用户界面的基本元素，它包括按钮、文本框、单选框、复选框等，它们是HTML实现交互功能的主要接口。程序通过表单向服务器提交用户数据。表单的使用包括两个部分：一部分是用户界面，供用户输入数据；另一部分是处理程序，可以是客户端程序，在客户端的浏览器中执行；也可以是服务器端程序，在服务器端执行，无论是在客户端还是在服务器端处理用户提交的数据，都可以将处理结果返回到浏览器中。本节介绍如何用HTML生成用户界面。对于处理用户提交的数据涉及到JavaScript和JSP程序设计，将在后续章节中练习。

“E_form_1.htm”是一个表单示例程序，定义了一个简单的用户注册界面。在“E_form_1.htm”程序中，＜form＞标记的属性name=＂f1＂是该表单的名称；method=＂post＂是向服务器提交用户数据的方式，也可以是method=＂get＂，get和post的区别是：get是把要上传的数据加到表单action属性所指的URL中，上传时用户在URL地址栏中可以看到；post是通过HTTP post机制，将上传的数据放置在HTML HEADER内一起传送到action属性所指的URL地址，用户看不到这个过程。由于get方式传输的数据量非常小，一般限制在2KB左右，而且在地址栏中可见，因此安全性低，表单提交建议使用post方式。action=＂XXX.jsp＂表示数据向服务器提交时，服务器端要执行“XXX.jsp”程序，“XXX.jsp”可以获取客户端传来的数据进行应用处理。＜form＞标记的属性还可有target，它指明目标页面显示的窗口（见本节“实训12”）。如果上传的是文件，＜form＞的属性必须有enctype=＂multipart/form-data＂。

form标记中上传的数据是用＜input＞、＜textarea＞、＜select＞标记定义的，这些标记中的属性name和value的值成对上传。E_form_1.htm程序中，＜input＞的属性type=＂text＂定义了一文本输入行；type=＂password＂定义了一密码文本输入行，输入的文字显示在输入框中以*号代替；type=＂radio＂定义的是单选按钮，type=＂checkbox＂定义的是复选按钮，checked参数表示初始为选中状态；type=＂submit＂定义的是提交按钮，单击此按钮则上传数据并执行action属性指定的程序；type=＂reset＂定义的是清除按钮，单击此按钮则输入的数据全部清空。

＜input＞的type属性还可以是type=＂button＂，这是普通按钮。

当＜input＞的属性type=＂file＂时，form标记的属性enctype的值取为multipart/form-data，表示要上传文件。例如：