(一)   实例讲解

(1)       新建一个空的asp.net项目

(2)       添加一个html注册页面,名字为Register.html,在页面中输入用户名:joetao,密码:123456

 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>用户注册</title>
</head>
<body>
<form action="GetUserInfo.aspx" method="post" >
<fieldset>
<legend>用户基本资料</legend>
<table>
<tr>
<td>用户名:</td><td><input type="text" name="username" /></td>
</tr>
<tr>
<td>密码:</td><td><input type="password" name="pwd" /></td>
</tr>
<tr>
<td><input type="submit" /></td><td><input type="reset" /></td>
</tr>

</table>
</fieldset>
</form>
</body>
</html>


(3)       添加一个asp.net页面名字为GetUserInfo.aspx,用于显示用户在Register.html页面提交的表单数据。



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GetUserInfo.aspx.cs" Inherits="formDemo.GetUserInfo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
用户名:<%=Request["username"]%></br>
密码:<%=Request["pwd"] %>
</body>
</html>


(二)代码解析

web基础知识:表单_html页面

(三)效果演示

(1)Register.html页面效果

web基础知识:表单_xml_02

(2)当为get提交方式时点击“提交”后,进入后台处理页面(GetUserInfo.aspx)显示为如下信息

 web基础知识:表单_3c_03

(3)当为post提交方式时点击“提交”后,进入后台处理页面(GetUserInfo.aspx)显示为如下信息

 web基础知识:表单_html页面_04