web基础知识:表单
(一) 实例讲解
(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>
(二)代码解析
(三)效果演示
(1)Register.html页面效果
(2)当为get提交方式时点击“提交”后,进入后台处理页面(GetUserInfo.aspx)显示为如下信息
(3)当为post提交方式时点击“提交”后,进入后台处理页面(GetUserInfo.aspx)显示为如下信息