ASP.NET入门

1.开发简单的ASP页面。

⑴ Practice4.aspx

   <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Practice4.aspx.cs" Inherits="Practice2._5._4_5_6.Practice4" %>

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>An example of image</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <table border="5" align="center">

            <tr align="center">

                <td> <img src="image/风景图片.jpg" align="middle" width="200" height="150" alt="风景图片"/>

            </td>

                    </tr>

  </table>

    </div>

    </form>

</body>

</html>

 

⑵ Practice5.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Practice5.aspx.cs" Inherits="Practice2._5._4_5_6.Practice5" %>

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>表单练习</title>

    <style type="text/css">

        #password {

            width: 280px;

        }

        #again_password {

            width: 280px;

        }

    </style>

</head>

<body style="margin-top:50px">

    <form id="form1" method="post" action="~/text/date.txt" runat="server">

        <table  border="0" style="width:900px;"align="center">

            <tr>

            <td colspan="3"style="text-align:left">请填写个人资料:(注意带有*的项目必须填写)

            </td>

                </tr>

            <tr ><!--第二行-->

                <td  style="width:300px;text-align:right">

                    * 密码&nbsp

                </td>

                <td style="text-align:center;width:300px;background-color:#3399FF">

                    <input name="password"type="password"id="password"maxlength="14"min="6" style="width:280px;"  />

                </td>

                <td style="width:300px;background-color:#3399FF">

                    密码可使用长度为6-14的任何字符

                </td>

            </tr>

            <tr ><!--第三行-->

                <td  style="width:300px;text-align:right">

                    * 密码确认&nbsp

                </td>

                <td style="text-align:center;width:300px;background-color:#3399FF">

                    <input name="again_password"type="password"id="again_password"maxlength="14"min="6" style="width:280px" />

                </td>

                <td style="width:300px;background-color:#3399FF">

                   请再输一次密码

                </td>

            </tr>

            <tr ><!--第四行-->

                <td  style="width:300px;text-align:right">

                    * 密码提示&nbsp

                </td>

                <td style="text-align:center;width:300px;background-color:#3399FF">

                    <input name="hint"type="text"id="hint"maxlength="50" style="width:280px"  />

                </td>

               <td style="width:300px;background-color:#3399FF">

                    例如:我的哥哥是谁?

                    当您忘记密码时可以通过密码提示问题和答案找回密码

                </td>

            </tr>

            <tr ><!--第五行-->

                <td  style="width:300px;text-align:right">

                    * 提示答案&nbsp

                </td>

                <td style="text-align:center;width:300px;background-color:#3399FF">

                    <input name="hint_answer"type="text"id="hint_answer"maxlength="50"min="6" style="width:280px;"  />

                </td>

                <td style="width:300px;background-color:#3399FF">

                    注意:答案长度不小于6位

                </td>

            </tr>

            <tr ><!--第六行-->

                <td  style="width:300px;text-align:right">

                    * 出生日期&nbsp

                </td>

                <td style="text-align:center;width:300px;background-color:#3399FF">

                    <input name="year"type="text"id="year"maxlength="4" style="width:120px; margin-left: 0px;"placeholder="19" value="19"  />

                    年

                     <select name="month" id="month" style="width:58px">

                         <option value="1">01</option>

                         <option value="2">02</option>

                         <option value="3">03</option>

                         <option value="4">04</option>

                         <option value="5">05</option>

                         <option value="6">06</option>

                         <option value="7">07</option>

                         <option value="8">08</option>

                         <option value="9">09</option>

                         <option value="10">10</option>

                         <option value="11">11</option>

                         <option value="12">12</option>

                     </select>

                    月

                     <input name="day"type="text"id="day"maxlength="2" style="width:47px;"  />

                </td>

                <td style="width:300px;background-color:#3399FF">

                    用以找回密码,请如实填写

                </td>

            </tr>

            <tr ><!--第七行-->

                <td  style="width:300px;text-align:right">

                    * 姓名&nbsp

                </td>

                <td style="text-align:center;width:300px;background-color:#3399FF">

                    <input name="name"type="text"id="name" style="width:280px;"  />

                </td>

                <td style="width:300px;background-color:#3399FF">

                    请输入真实姓名

                </td>

            </tr>

            <tr ><!--第八行-->

                <td  style="width:300px;text-align:right">

                    * 性别&nbsp

                </td>

                <td style="text-align:left;width:300px;background-color:#3399FF">

                    &nbsp;&nbsp;

                    <input name="sex"type="radio" value="0" checked >

                    <input type="radio" name="sex" value="1" />

                </td>

                <td style="width:300px;background-color:#3399FF">

                </td>

            </tr>

            <tr ><!--第九行-->

                <td  style="width:300px;text-align:right">

                    * 所在省份&nbsp

                </td>

                <td style="text-align:left;width:300px;background-color:#3399FF">

                    &nbsp;&nbsp;&nbsp;

                    <select name="province" style="width:100px;" />

                    <option value="0">请选择</option>

                    <option value="北京">北京市</option>

                    <option value="浙江省">浙江省</option>

                    <option value="天津市">天津市</option>

                    <option value="安徽省">安徽省</option>

                    <option value="上海市">上海市</option>

                    <option value="福建省">福建省</option>

                    <option value="重庆市">重庆市</option>

                    <option value="江西省">江西省</option>

                    <option value="山东省">山东省</option>

                    <option value="河南省">河南省</option>

                    <option value="湖北省">湖北省</option>

                    <option value="湖南省">湖南省</option>

                    <option value="广东省">广东省</option>

                    <option value="海南省">海南省</option>

                    <option value="山西省">山西省</option>

                    <option value="青海省">青海省</option>

                    <option value="江苏省">江苏省</option>

                    <option value="辽宁省">辽宁省</option>

                    <option value="吉林省">吉林省</option>

                    <option value="台湾省">台湾省</option>

                    <option value="河北省">河北省</option>

                    <option value="贵州省">贵州省</option>

                    <option value="四川省">四川省</option>

                    <option value="云南省">云南省</option>

                    <option value="陕西省">陕西省</option>

                    <option value="甘肃省">甘肃省</option>

                    <option value="黑龙江省">黑龙江省</option>

                    <option value="香港特别行政区">香港特别行政区</option>

                    <option value="澳门特别行政区">澳门特别行政区</option>

                    <option value="广西壮族自治区">广西壮族自治区</option>

                    <option value="宁夏回族自治区">宁夏回族自治区</option>

                    <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>

                    <option value="内蒙古自治区">内蒙古自治区</option>

                    <option value="西藏自治区">西藏自治区</option>

                     </select>

               </td>

                <td style="width:300px;background-color:#3399FF">

                </td>

            </tr>

            <tr ><!--第九行-->

                <td  style="width:300px;text-align:right">

                    * 所在省份&nbsp

                </td>

                <td style="text-align:left;width:300px;background-color:#3399FF">

                   &nbsp;&nbsp;&nbsp;

                     <select name="province" style="width:100px;" />

                    <option value="0">请选择</option>

                    <option value="高新科技">高新科技</option>

                    <option value="互联网">&nbsp;&nbsp;&nbsp;互联网</option>

                    <option value="电子商务">&nbsp;&nbsp;&nbsp;电子商务</option>

                    <option value="电子游戏">&nbsp;&nbsp;&nbsp;电子游戏</option>

                    <option value="计算机软件">&nbsp;&nbsp;&nbsp;计算机软件</option>

                    <option value="计算机硬件">&nbsp;&nbsp;&nbsp;计算机硬件</option>

                    <option value="信息传媒">信息传媒</option>

                    <option value="出版业">&nbsp;&nbsp;&nbsp;出版业</option>

                    <option value="电影录音">&nbsp;&nbsp;&nbsp;电影录音</option>

                    <option value="广播电视">&nbsp;&nbsp;&nbsp;广播电视</option>

                    <option value="通信">&nbsp;&nbsp;&nbsp;通信</option>

                    <option value="金融">金融</option>

                    <option value="银行">&nbsp;&nbsp;&nbsp;银行</option>

                    <option value="资本投资">&nbsp;&nbsp;&nbsp;资本投资</option>

                    <option value="证券投资">&nbsp;&nbsp;&nbsp;证券投资</option>

                    <option value="保险">&nbsp;&nbsp;&nbsp;保险</option>

                    <option value="信贷">&nbsp;&nbsp;&nbsp;信贷</option>

                    <option value="财务">&nbsp;&nbsp;&nbsp;财务</option>

                    <option value="审计">&nbsp;&nbsp;&nbsp;审计</option>

                    <option value="服务业">服务业</option>

                    <option value="法律">&nbsp;&nbsp;&nbsp;法律</option>

                    <option value="餐饮">&nbsp;&nbsp;&nbsp;餐饮</option>

                    <option value="酒店">&nbsp;&nbsp;&nbsp;酒店</option>

                    <option value="旅游">&nbsp;&nbsp;&nbsp;旅游</option>

                    <option value="广告">&nbsp;&nbsp;&nbsp;广告</option>

                    <option value="公关">&nbsp;&nbsp;&nbsp;公关</option>

                    <option value="景观">&nbsp;&nbsp;&nbsp;景观</option>

                    <option value="咨询分析">&nbsp;&nbsp;&nbsp;咨询分析</option>

                    <option value="市场推广">&nbsp;&nbsp;&nbsp;市场推广</option>

                    <option value="人力资源">&nbsp;&nbsp;&nbsp;人力资源</option>

                    <option value="社工服务">&nbsp;&nbsp;&nbsp;社工服务</option>

                    <option value="养老服务">&nbsp;&nbsp;&nbsp;养老服务</option>

                    <option value="教育">教育</option>

                    <option value="高等教育">&nbsp;&nbsp;&nbsp;高等教育</option>

                    <option value="基础教育">&nbsp;&nbsp;&nbsp;基础教育</option>

                    <option value="职业教育">&nbsp;&nbsp;&nbsp;职业教育</option>

                    <option value="幼儿教育">&nbsp;&nbsp;&nbsp;幼儿教育</option>

                    <option value="特殊教育">&nbsp;&nbsp;&nbsp;特殊教育</option>

                    <option value="培训">&nbsp;&nbsp;&nbsp;培训</option>

                    <option value="医疗服务">医疗服务</option>

                    <option value="临床医疗">&nbsp;&nbsp;&nbsp;临床医疗</option>

                    <option value="制药">&nbsp;&nbsp;&nbsp;制药</option>

                    <option value="保健">&nbsp;&nbsp;&nbsp;保健</option>

                    <option value="美容">&nbsp;&nbsp;&nbsp;美容</option>

                    <option value="医疗器材">&nbsp;&nbsp;&nbsp;医疗器材</option>

                    <option value="生物工程">&nbsp;&nbsp;&nbsp;生物工程</option>

                    <option value="疗养服务">&nbsp;&nbsp;&nbsp;疗养服务</option>

                    <option value="护理服务">&nbsp;&nbsp;&nbsp;护理服务</option>

                    <option value="艺术娱乐">艺术娱乐</option>

                    <option value="创意艺术">&nbsp;&nbsp;&nbsp;创意艺术</option>

                    <option value="体育健身">&nbsp;&nbsp;&nbsp;体育健身</option>

                    <option value="娱乐休闲">&nbsp;&nbsp;&nbsp;娱乐休闲</option>

                    <option value="图书馆">&nbsp;&nbsp;&nbsp;图书馆</option>

                    <option value="博物馆">&nbsp;&nbsp;&nbsp;博物馆</option>

                    <option value="策展">&nbsp;&nbsp;&nbsp;策展</option>

                    <option value="博彩">&nbsp;&nbsp;&nbsp;博彩</option>

                    <option value="制造加工">制造加工</option>

                    <option value="食品饮料业">&nbsp;&nbsp;&nbsp;食品饮料业</option>

                    <option value="纺织皮革业">&nbsp;&nbsp;&nbsp;纺织皮革业</option>

                    <option value="服装业">&nbsp;&nbsp;&nbsp;服装业</option>

                    <option value="烟草业">&nbsp;&nbsp;&nbsp;烟草业</option>

                    <option value="造纸业">&nbsp;&nbsp;&nbsp;造纸业</option>

                    <option value="印刷业">&nbsp;&nbsp;&nbsp;印刷业</option>

                    <option value="化工业">&nbsp;&nbsp;&nbsp;化工业</option>

                    <option value="汽车">&nbsp;&nbsp;&nbsp;汽车</option>

                    <option value="家具">&nbsp;&nbsp;&nbsp;家具</option>

                    <option value="电子电器">&nbsp;&nbsp;&nbsp;电子电器</option>

                    <option value="机械设备">&nbsp;&nbsp;&nbsp;机械设备</option>

                    <option value="塑料工业">&nbsp;&nbsp;&nbsp;塑料工业</option>

                    <option value="金属加工">&nbsp;&nbsp;&nbsp;金属加工</option>

                    <option value="军火">&nbsp;&nbsp;&nbsp;军火</option>

                    <option value="地产建筑">地产建筑</option>

                    <option value="房地产">&nbsp;&nbsp;&nbsp;房地产</option>

                    <option value="装饰装潢">&nbsp;&nbsp;&nbsp;装饰装潢</option>

                    <option value="物业服务">&nbsp;&nbsp;&nbsp;物业服务</option>

                    <option value="特殊建造">&nbsp;&nbsp;&nbsp;特殊建造</option>

                    <option value="建筑设备">&nbsp;&nbsp;&nbsp;建筑设备</option>

                    <option value="贸易零售">贸易零售</option>

                    <option value="零售">&nbsp;&nbsp;&nbsp;零售</option>

                    <option value="大宗交易">&nbsp;&nbsp;&nbsp;大宗交易</option>

                    <option value="进出口贸易">&nbsp;&nbsp;&nbsp;进出口贸易</option>

                    <option value="公共服务">公共服务</option>

                    <option value="政府">&nbsp;&nbsp;&nbsp;政府</option>

                    <option value="国防军事">&nbsp;&nbsp;&nbsp;国防军事</option>

                    <option value="航天">&nbsp;&nbsp;&nbsp;航天</option>

                    <option value="科研">&nbsp;&nbsp;&nbsp;科研</option>

                    <option value="给排水">&nbsp;&nbsp;&nbsp;给排水</option>

                    <option value="水利能源">&nbsp;&nbsp;&nbsp;水利能源</option>

                    <option value="电力电网">&nbsp;&nbsp;&nbsp;电力电网</option>

                    <option value="公共管理">&nbsp;&nbsp;&nbsp;公共管理</option>

                    <option value="环境保护">&nbsp;&nbsp;&nbsp;环境保护</option>

                    <option value="非盈利组织">&nbsp;&nbsp;&nbsp;非盈利组织</option>

                    <option value="开采冶金">开采冶金</option>

                    <option value="煤炭工业">&nbsp;&nbsp;&nbsp;煤炭工业</option>

                    <option value="石油工业">&nbsp;&nbsp;&nbsp;石油工业</option>

                    <option value="黑色金属">&nbsp;&nbsp;&nbsp;黑色金属</option>

                    <option value="有色金属">&nbsp;&nbsp;&nbsp;有色金属</option>

                    <option value="土砂石开采">&nbsp;&nbsp;&nbsp;土砂石开采</option>

                    <option value="地热开采">&nbsp;&nbsp;&nbsp;地热开采</option>

                    <option value="交通仓储">交通仓储</option>

                    <option value="邮政">&nbsp;&nbsp;&nbsp;邮政</option>

                    <option value="物流递送">&nbsp;&nbsp;&nbsp;物流递送</option>

                    <option value="地面运输">&nbsp;&nbsp;&nbsp;地面运输</option>

                    <option value="铁路运输">&nbsp;&nbsp;&nbsp;铁路运输</option>

                    <option value="管线运输">&nbsp;&nbsp;&nbsp;管线运输</option>

                    <option value="航运业">&nbsp;&nbsp;&nbsp;航运业</option>

                    <option value="民用航空业">&nbsp;&nbsp;&nbsp;民用航空业</option>

                    <option value="农林牧渔">农林牧渔</option>

                    <option value="种植业">&nbsp;&nbsp;&nbsp;种植业</option>

                    <option value="畜牧养殖业">&nbsp;&nbsp;&nbsp;畜牧养殖业</option>

                    <option value="林业">&nbsp;&nbsp;&nbsp;林业</option>

                    <option value="渔业">&nbsp;&nbsp;&nbsp;渔业</option>

                    </select>

               </td>

                <td style="width:300px;background-color:#3399FF">

                </td>

            </tr>

 

            <tr>

                <td colspan="3"style="height:15px"></td>

            </tr>

 

            <tr><!--第十行-->

           <td colspan="3"style="text-align:left"><b>个人声明</b>

            </td>

                </tr>

           

            <tr><!--第十一行-->

            <td colspan="3"style="text-align:left">我愿意公开我的如下资料:

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                <input name="checkbox1" type="checkbox"id="checkbox1"value="0" />姓名,联系方式

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                <input name="checkbox2" type="checkbox"id="checkbox2"value="1" />其他已登记的信息

 

            </td>

                </tr>

             <tr>

                <td colspan="3"style="height:15px"></td>

            </tr>

 

        </table>

        <hr style="width:90%;height:3px;color:black;background-color:black" />

 

        <table border="0" style="width:900px;"align="center"">

            <tr >

                <td style="text-align:center;">

                    <input type="submit"name="Submit"value="提交" />

                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

               <input type="reset"name="Submit2"value="重填" />

                </td>

            </tr>

        </table>

 

    </form>

</body>

</html>

 

⑶ practice6.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="practice6.aspx.cs" Inherits="Practice2._5._4_5_6.practice6" %>

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>课表</title>

</head>

<body>

    <form id="form1" runat="server">

   

        <table align="center" style="text-align:center;background-color:yellow;width:500px;font-size:10px"cellspacing="20"cellpadding="20" border="1">

            <tr>

                <td>

                    时间段

                </td>

                <td>

                    节次

                </td>

                <td>

                    星期一

                </td>

                <td>

                    星期二

                </td>

                <td>

                    星期三

                </td>

                <td>

                    星期四

                </td>

                <td>

                    星期五

                </td>

               

            </tr><!--以上第一行-->

 

             <tr>

                <td rowspan="5">

                    上午

                </td>

                <td>

                    1

                </td>

                <td rowspan="2">

                    JAVA

                </td>

                <td rowspan="2">

                    Linux

                </td>

                <td>

                   

                </td>

                <td rowspan="2">

                    .NET

                </td>

                <td rowspan="2">

                    JAVA

                </td>

               

            </tr><!--以上第二行-->

 

             <tr>

                <td>

                   

                    2

 

                </td>

                <td>

                </td>

            </tr><!--以上第三行-->

 

             <tr>

                <td>

                    3

                </td>

                <td rowspan="2">

                    Matlab

                </td>

                <td rowspan="3">

                    算法

                </td>

                <td rowspan="3">

                    可视

                </td>

                <td>

                  

                </td>

                <td>

                   

                </td>

               

            </tr><!--以上第四行-->

 

             <tr>

               

                <td>

                    4

                </td>

               

                <td>

                   

                </td>

                <td>

                   

                </td>

                

            </tr><!--以上第五行-->

 

             <tr>

              

                <td>

                    5

                </td>

                <td>

                  

                </td>

               

               

                <td>

                 

                </td>

                <td>

                   

                </td>

               

            </tr><!--以上第六行-->

 

             <tr>

                <td rowspan="4">

                    下午

                </td>

                <td>

                    6

                </td>

                <td rowspan="2">

                    .NET

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td rowspan="2">

                    体育

                </td>

               

            </tr><!--以上第七行-->

 

             <tr>

               

                <td>

                    7

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

               

               

            </tr><!--以上第八行-->

 

             <tr>

 

                <td>

                    8

                </td>

                <td rowspan="2">

                    Linux

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                </td>

               

            </tr><!--以上第九行-->

 

             <tr>

               

                <td>

                    9

                </td>

               

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                    

                </td>

                <td>

                   

                </td>

               

            </tr><!--以上第十行-->

 

             <tr>

                <td rowspan="3">

                    晚上

                </td>

                <td>

                    10

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td rowspan="3">

                    公选课

                </td>

                <td>

                   

                </td>

                </tr><!--以上第十一行-->

 

             <tr>

              

                <td>

                    11

                </td>

              

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                    

                </td>

                 </tr><!--以上第十二行-->

       

             <tr>

              

                <td>

                    12

                </td>

              

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                <td>

                   

                </td>

                 </tr><!--以上第十三行-->

           

        </table>

 

    </form>

</body>

</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值