ASP编程入门进阶（二）：认识表单

什么是表单？

表单是指用户通过在网页上输入信息并提交到服务器来进行处理的一种交互形式，通过表单用户可以与网站互动。

表单的基础

表单输入框

表单中最基本的元素就是输入框了，可以通过 input 标签来实现。常用的类型有文本输入框（type="text"）、密码输入框（type="password"）和隐藏域（type="hidden"）等。

例如，下面是一个文本输入框示例：

<form action="handle.php" method="post">
  <label for="username">用户名：</label>
  <input type="text" name="username" id="username">
  <input type="submit" value="提交">
</form>

在上面的例子中，我们设置了一个名为“username”的文本输入框，并在表单中添加了一个提交按钮。

下拉菜单

下拉菜单可以让用户从预定义列表中选择一个选项。可以通过 select 标签实现，其中 option 标签表示下拉菜单中的选项。

例如，下面是一个下拉菜单示例：

<form action="handle.php" method="post">
  <label for="gender">性别：</label>
  <select name="gender" id="gender">
    <option value="male">男</option>
    <option value="female">女</option>
  </select>
  <input type="submit" value="提交">
</form>

单选框和复选框

单选框和复选框可以让用户选择一个或多个选项，可以通过 input 标签来实现。

例如，下面是一个单选框和复选框示例：

<form action="handle.php" method="post">
  <label>是否愿意接收邮件通知：</label>
  <label for="yes"><input type="radio" name="notification" value="yes" id="yes">是</label>
  <label for="no"><input type="radio" name="notification" value="no" id="no">否</label>
  <br>
  <label>兴趣：</label>
  <label for="movie"><input type="checkbox" name="interest[]" value="movie" id="movie">电影</label>
  <label for="music"><input type="checkbox" name="interest[]" value="music" id="music">音乐</label>
  <input type="submit" value="提交">
</form>

在上面的例子中，我们设置了一个名为“notification”的单选框和一个名为“interest[]”的复选框。

表单的提交与处理

表单的提交方式

表单的提交方式有 GET 和 POST 两种方式。

GET 方式将表单数据附加在 URL 后面，例如：

<form action="handle.php" method="get">
  <input type="text" name="name">
  <input type="submit" value="提交">
</form>

提交后 URL 可能会变为：http://example.com/handle.php?name=john。

POST 方式将表单数据作为请求的一部分发送到服务器，例如：

<form action="handle.php" method="post">
  <input type="text" name="name">
  <input type="submit" value="提交">
</form>

表单数据的处理

在服务器端可以通过 ASP 代码来获取表单数据，例如：

<%
Dim name
name = Request.Form("name")
Response.Write("你好，" & name)
%>

在上面的例子中，我们获取了名为“name”的表单数据，并输出了一个字符串。

示例

示例一：表单提交与处理

下面是一个简单的表单提交与处理示例：

<form action="handle.asp" method="post">
  <label for="name">姓名：</label>
  <input type="text" name="name" id="name">
  <input type="submit" value="提交">
</form>

<%
Dim name
name = Request.Form("name")
Response.Write("你好，" & name)
%>

在上面的例子中，我们创建了一个表单，用户可以通过表单输入自己的姓名，并点击提交按钮。在提交后，服务器会通过 ASP 代码获取表单中的姓名并输出一条问候语。

示例二：计算器

下面是一个简单的计算器示例：

<form action="handle.asp" method="post">
  <label for="num1">数字1：</label>
  <input type="text" name="num1" id="num1"><br>
  <label for="num2">数字2：</label>
  <input type="text" name="num2" id="num2"><br>
  <input type="radio" name="operator" value="+" id="add"><label for="add">+</label>
  <input type="radio" name="operator" value="-" id="sub"><label for="sub">-</label>
  <input type="radio" name="operator" value="*" id="mul"><label for="mul">*</label>
  <input type="radio" name="operator" value="/" id="div"><label for="div">/</label><br>
  <input type="submit" value="计算">
</form>

<%
Dim num1, num2, result
num1 = Request.Form("num1")
num2 = Request.Form("num2")
result = 0
Select Case Request.Form("operator")
  Case "+"
    result = num1 + num2
  Case "-"
    result = num1 - num2
  Case "*"
    result = num1 * num2
  Case "/"
    If num2 <> 0 Then
      result = num1 / num2
    Else
      Response.Write("除数不能为0")
      Response.End
    End If
End Select
Response.Write(num1 & Request.Form("operator") & num2 & "=" & result)
%>

在上面的例子中，我们创建了一个表单，用户可以在两个输入框输入数字，然后选择一个运算符，并点击“计算”按钮。在提交后，服务器会通过 ASP 代码计算出结果并输出。