以下是一个简单的 Web Pages 表单的示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Form Example</title>
</head>
<body>
<h1>Web Form Example</h1>
<form method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<br>
<input type="submit" value="Login">
</form>
@if (IsPost) {
var username = Request["username"];
var password = Request["password"];
// 处理表单提交的数据...
<p>Submitted Username: @username</p>
<p>Submitted Password: @password</p>
}
</body>
</html>
在上述示例中,我们创建了一个简单的登录表单。用户可以输入用户名和密码,并点击登录按钮提交表单。服务器端的 C# 代码通过 Request 对象获取表单提交的数据,并进行处理。在这个例子中,我们简单地在页面上显示了用户提交的用户名和密码。
关键的要点包括:
1. 表单使用 <form> 元素包裹,使用 method="post" 指定提交方法为 POST。
2. 输入元素使用 <input> 元素,可以设置不同的 type 属性(如 text、password)。
3. 通过 name 属性为输入元素命名,以便在服务器端获取用户输入的数据。
4. 在 C# 代码中使用 Request 对象获取表单提交的数据。
5. 使用条件语句 @if (IsPost) 判断当前请求是否为 POST 请求,以执行相应的处理逻辑。
在实际应用中,表单通常用于用户注册、登录、搜索等操作。ASP.NET Web Pages 提供了方便的方式来处理这些表单提交的数据,并实现相应的业务逻辑。
转载请注明出处:http://www.zyzy.cn/article/detail/14784/ASP.NET Web Pages