• 沒有找到結果。

Valign ऩܗḐオⳈᮍ৥ᇍ唤ᮍᓣˈ᳝ baselineǃbottomǃmiddle ੠ top ಯ⾡

Style 㸼ḐǃऩܗḐḋᓣ

೼ VS 2008 ⦃๗ϟˈ᳝ᷛޚ᳡ࡵ఼᥻ӊ੠ HTML ᥻ӊϸ⾡ TableDŽ䖭䞠Փ⫼ⱘᰃ HTML

᥻ӊ㉏ⱘ Tableˈ៪㗙䗮䖛Ā㸼ḐāėĀᦦܹ㸼āੑҸ˄⊼˖ᴀк᮴⡍߿ໄᯢᯊˈTable ᥻ӊഛ ᣛ HTML ᳡ࡵ఼᥻ӊ㉏ⱘ Table ᥻ӊ˅DŽ

Ǐ՟ 2-13ǐ߽⫼㸼Ḑ᥻ӊᅲ⦄㋏㒳ⱏᔩ义䴶Ꮧሔ䆒䅵ˈབ೒ 2-18 ᠔⼎˄Ex2-13.aspx˅DŽ

೒ 2-18 Table ᥻ӊ⫼⊩

Ex2-13.aspx᭛ӊҷⷕབϟ˖

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-13.aspx.cs" Inherits="Ex2_13" %>

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

<head runat="server">

<title>Ex2-13</title>

</head>

<body>

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

<div>

<table align="center" cellpadding="0" cellspacing="0"class="style4"style="border: 2px groove #336699;">

<tr>

<td align="center" class="style4" colspan="2" valign="middle"style="background-color: #336699;

font-size: 16px; color: #FFFFFF; font-weight: bold;" >㋏㒳ⱏᔩ </td>

</tr>

<tr>

<td align="right" class="style4">⫼᠋ৡ˖</td>

      

%JCRVGT

<td align="left" class="style4">

<asp:TextBox ID="TextBox1" runat="server" Width="100px"></asp:TextBox>

</td>

<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>

</td>

</tr>

<tr>

<td align="center" colspan="2" style="background-color: #CCCCFF" valign="middle">

<asp:Button ID="Button1" runat="server" Text="ⱏᔩ" /><asp:Button ID="Button2" runat="server"

Text="প⍜" />

˄1˅ᮄᓎ Addmember.aspxˈ೼义䴶⏏ࡴ Panel ᥻ӊˈ䆒㕂 ID Ў Panel1DŽ೼ Panel1 ᥻ӊ ݙ⏏ࡴϔϾ 9 㸠 2 ߫ⱘ Table ᥻ӊDŽ

%JCRVGT

㓁㸼

Ꮊջݙᆍ ᥻ӊ ID ᥻ӊ㉏ൟ 䇈ᯢ

⹂䅸ᆚⷕ txtpwd2 TextBox 䆒㕂 TextMode ሲᗻЎ Password

ᗻ߿ rbtlsex RadioButtonList 䆒㕂 RepeatDirection ሲᗻЎ HorizontalˈListItem ЎĀ⬋āǃĀཇā Txtdate TextBox 䆒㕂 Enabled ሲᗻЎ"False"ˈWidth ሲᗻЎ 83px

Ibtndate ImageButton 䆒㕂 ImageUrl="~/images/೒ᷛ.JPG"ˈonclick="ibtndate_Click"

ߎ⫳᮹ᳳ

clddate Calendar 䆒㕂 onselectionchanged="clddate_SelectionChanged"ˈVisible ="False"

᳔催ᄺग़ ddlschool DropDownList 䆒㕂 ListItem Ўⷨお⫳ǃ໻ᄺ⫳ǃЁᄺ⫳ǃᇣᄺ⫳

ϾҎ⠅ད chblove CheckBoxList 䆒㕂 RepeatDirection="Horizontal"ˈRepeatColumns="3"

˄5˅ᇚ㸼Ḑ᳔ϟ䴶ϔ㸠ϸϾऩܗḐড়ᑊˈ⏏ࡴϸϾ ImageButton ᥻ӊᴹ㸼⼎ĀᦤѸā੠

Āপ⍜āDŽ

˄6˅ᣝ✻Ϟ䴶ⱘ᪡԰ᮍ⊩ˈ೼ Table ৢ䴶ݡ⏏ࡴϔϾ Panel ᥻ӊ Panel2DŽ೼ Panel2 ݙ⏏

ࡴ 8 㸠 2 ߫ⱘ Table ᥻ӊˈ㸼Ḑ㄀ϔϾऩܗḐ੠Ꮊ䖍 1 ߫ݙᆍϢϞ䴶㸼ḐݙᆍⳌৠ˗ে䖍߫ऩ ܗḐ䞠ˈձ⃵⏏ࡴ Label ᳡ࡵ఼᥻ӊˈID ሲᗻձ⃵Ў lblnameǃlblpwdǃlblsexǃlbldateǃlblschoolǃ lblloveㄝDŽ

˄7˅᳔ϟ䴶ϔ㸠ϸϾऩܗḐড়ᑊˈ⏏ࡴϔϾ Button ᥻ӊˈ䆒㕂 onclick="Button1_Click"

੠ Text="݇䯁にষ"DŽ

˄8˅⏏ࡴ page_load ੠݊Ҫ Button ᣝ䪂ऩߏџӊˈ䆺㾕ৢৄҷⷕDŽ Addmember.aspx᭛ӊҷⷕབϟ˖

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Addmember.aspx.cs" Inherits="Addmember" %>

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

<asp:Panel ID="Panel1" runat="server">

<table align="center" cellpadding="0" cellspacing="0" style="border: 2px groove #FF3300;width: 350px; height:

370px;">

<tr>

<td align="center" colspan="2" style="font-size: 20px; color: #FFFFFF; font-weight:bold;

background-color: #FF6600; height: 50px;">Ӯਬ⊼ݠ</td>

      

<asp:RadioButtonList ID="rbtlsex" runat="server" RepeatDirection="Horizontal">

<asp:ListItem>⬋</asp:ListItem>

%JCRVGT

<asp:CheckBoxList ID="chblove" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">

<asp:ListItem>ଅ℠</asp:ListItem>

<asp:ImageButton ID="Ibtncancel" runat="server" ImageUrl="~/images/btureset.gif"

onclick="Ibtncancel_Click" />

</td>

</tr>

</table>

</asp:Panel>

<asp:Panel ID="Panel2" runat="server">

<table align="center" cellpadding="0" cellspacing="0" style="border: 2px groove #FF3300;width: 350px; height:

370px;">

<tr>

<td align="center" colspan="2" style="font-size: 20px; color: #FFFFFF; font-weight:bold;

background-color: #FF6600; height: 50px;">Ӯਬ⊼ݠ</td>

</tr>

<tr>

<td align="right" style="width: 110px">⫼᠋ৡ˖</td>

<td align="left"><asp:Label ID="lblname" runat="server" Text="Label"/></td>

</tr>

<tr>

<td align="right" >ᆚⷕ˖</td>

<td align="left"><asp:Label ID="lblpwd" runat="server" Text="Label"/></td>

</tr>

<tr>

<td align="right">ᗻ߿˖</td>

<td align="left"><asp:Label ID="lblsex" runat="server" Text="Label"/></td>

</tr>

<tr>

<td align="right">ߎ⫳᮹ᳳ˖</td>

      

%JCRVGT

<td align="left"><asp:Label ID="lbldate" runat="server" Text="Label"/></td>

</tr>

<tr>

<td align="right">᳔催ᄺग़˖</td>

<td align="left"><asp:Label ID="lblschool" runat="server" Text="Label"/></td>

</tr>

<tr>

<td align="right">ϾҎ⠅ད˖</td>

<td align="left" style="height: 60px"><asp:Label ID="lbllove" runat="server"/></td>

</tr>

<tr>

<td align="center" colspan="2"><asp:Button ID="btnclose" runat="server" onclick="btnclose_Click"

Text="݇䯁にষ" /></td>

protected void Page_Load(object sender, EventArgs e) {

Panel2.Visible = false;

Panel1.Visible = true;

txtpwd.Attributes["value"] = txtpwd.Text;

txtpwd2.Attributes["value"] = txtpwd2.Text;

}

protected void ibtndate_Click(object sender, ImageClickEventArgs e) {

clddate.Visible = true;

}

protected void clddate_SelectionChanged(object sender, EventArgs e) {

txtdate.Text = clddate.SelectedDate.ToShortDateString();

clddate.Visible = false;

}

protected void btnOk_Click(object sender, ImageClickEventArgs e) {

Panel1.Visible = false;

Panel2.Visible = true;

lbldate.Text = txtdate.Text;

lbllove.Text = "";

%JCRVGT

lblname.Text = txtname.Text;

lblpwd.Text = txtpwd.Text;

lblschool.Text = ddlschool.SelectedItem.Text;

lblsex.Text = rbtlsex.SelectedValue;

}

protected void btnclose_Click(object sender, EventArgs e) {

Response.Write("<script>window.close();</script>");

}

protected void btnOk_Click1(object sender, ImageClickEventArgs e) {

Panel1.Visible = false;

Panel2.Visible = true;

lbldate.Text = txtdate.Text;

lbllove.Text = "";

lblname.Text = txtname.Text;

lblpwd.Text = txtpwd.Text;

lblschool.Text = ddlschool.SelectedItem.Text;

lblsex.Text = rbtlsex.SelectedValue;

}

protected void Ibtncancel_Click(object sender, ImageClickEventArgs e) {

Response.Redirect("addmember.aspx");

}

⿟ᑣ䇈ᯢ˖

⿟ᑣ⫼ࠄњ page_load џӊˈ䆹џӊ೼义䴶ࡴ䕑ᯊ㹿ᓩথDŽ݊Ёˈ䆒㕂 Panel ᥻ӊⱘ Visible ሲᗻЎ true ੠ falseˈᴹ᥻ࠊ Panel1 ᆍ఼੠ᆍ఼ݙܗ㋴ৃ㾕ˈPanel2 ᆍ఼੠ᆍ఼ݙܗ

㋴ϡৃ㾕DŽĀtxtpwd.Attributes["value"] = txtpwd.Text;āⱘ԰⫼ᰃৃҹ᳝ᬜ䰆ℶӴಲ᳡

ࡵ఼ᯊ Password ㉏ൟ᭛ᴀḚЁⱘݙᆍ϶༅DŽ

btnclose_Click џӊЁˈĀResponse.Write("<script>window.close();</script>");āⱘ԰⫼ᰃ߽

⫼ JavaScript 㛮ᴀ䇁㿔݇䯁ᔧࠡにষDŽ

Ibtncancel _Click џӊЁˈĀResponse.Redirect("addmember.aspx");āᰃ߽⫼ Response ⱘ Redirect ᮍ⊩ᇚ义䴶䕀৥ addmember.aspxˈҢ㗠ᅲ⦄义䴶ⱘݡ⃵ࡴ䕑ˈे䞡ᮄᠧᓔ addmember.aspx义䴶DŽ

ᦤ⼎˖ဎဟё༝ᄯರဈࠀտԅ׻๠୶ࣅߑēဈܜၽಁᄢࣅߑԅ ID ೫໿ನēߙ࿐ဈܜᆮ༶

qߎ੠ᄉ࿉rԅၐ႕dैఢēqඔ̟߬૆rImageButton ԅ ID ೫໿ࢶྻဈqIbtnsubmitrγޚd

ୣᄯēqIbtnrಾ ImageButton ԅൊໟē֗ submit ಾqඔ߬rԅ࿉഑Ģqဈܜ੠rำ·ࣟγޚน qtxtnamerĢqڑΞr̟૆γޚนqbtncloserԉd

      

%JCRVGT

  ᅼគ઩࡙

  1BOFM ଍͈

Panel᥻ӊ೼ Web 义䴶䆒䅵ЁЎ݊Ҫ᥻ӊᦤկϔϾᆍ఼ˈ⫼᠋ৃҹᇚ Panel ݙⱘ᥻ӊ԰Ў ϔϾᭈԧ䖯㸠ㅵ⧚DŽ䗮ᐌˈPanel ᥻ӊ೼Փ⫼ᯊˈᐌᐌ䗮䖛义䴶џӊҷⷕ᥻ࠊ݊ Visible ሲᗻˈ ᴹᅲ⦄᥻ӊϢ᥻ӊݙܗ㋴ⱘᰒ⼎੠䱤㮣DŽ

Ǐ՟ 2-14ǐ߽⫼ Panel ᥻ӊᅲ⦄义䴶䚼ߚݙᆍⱘᰒ⼎੠䱤㮣ˈབ೒ 2-19 ᠔⼎DŽ⫼᠋ऩߏ Āᶹⳟ䆺㒚䇈ᯢā䫒᥹ᯊˈߎ⦄䆺㒚䇈ᯢ᭛ᄫݙᆍ੠ᣝ䪂˗ᔧ⫼᠋ऩߏĀᏆ䯙䇏ˈ䱤㮣āᣝ䪂 ᯊˈ䇈ᯢ᭛ᄫ੠ᣝ䪂ݡ⃵㹿䱤㮣˄Ex2-14.aspx˅DŽ

೒ 2-19 Panel ᥻ӊ⫼⊩

Ex2-14.aspx᭛ӊҷⷕབϟ˖

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-14.aspx.cs" Inherits="Ex2_14" %>

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

<head runat="server">

<title>Ex2-14</title>

</head>

<body>

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

<div>

<asp:LinkButton ID="lbtnlook" runat="server" onclick="lbtnlook_Click">ᶹⳟ䆺㒚䇈ᯢ</asp:LinkButton>

<asp:Panel ID="Panel1" runat="server" Visible="False">

<asp:Label ID="lbl1" runat="server" Text="䖭䞠ⱘ᭛ᄫᰃ⊼ݠӮਬⱘ䆺㒚㽕∖ˈ䇋⫼᠋䅸ⳳ䯙䇏DŽ"

Width="160px"/><br />

<asp:Label ID="lbl2" runat="server" Text="ᴵℒϔ˖ᖙ乏ᣝᯊᅠ៤ᣛᅮݙᆍ੠ӏࡵ"/><br />

<asp:Label ID="lbl3" runat="server" Text="ᴵℒѠ˖ᖙ乏䅸ⳳᇍᕙ↣ϔӊџᚙ"/><br />

<asp:Button ID="btnok" runat="server" onclick="btnok_Click" Text="Ꮖ䯙䇏ˈ䱤㮣" />

</asp:Panel>

</div>

</form>

</body>

%JCRVGT

Ex2-14.aspx.cs᭛ӊЏ㽕ҷⷕབϟ˖

protected void btnok_Click(object sender, EventArgs e) {

Panel1.Visible = false;

}

protected void lbtnlook_Click(object sender, EventArgs e) {

Panel1.Visible = true;

}

  *NBHF ଍͈

Image ᥻ӊЏ㽕⫼Ѣ义䴶ᰒ⼎೒ڣֵᙃDŽVS 2008 Ꮉ݋ㆅЁ᳝ᷛޚ㉏ⱘ Image ᥻ӊ੠

HTML㉏ⱘ Image ᥻ӊϸ⾡ˈࠡ㗙㸼⼎ᷛޚ᳡ࡵ఼᥻ӊˈᐌ⫼Ѣᰒ⼎ࡼᗕব࣪ⱘ೒ڣ˗ৢ㗙 ᰃ HTML ᳡ࡵ఼᥻ӊˈ⫼Ѣ义䴶ϔ㠀䴭ᗕ೒⠛ⱘᰒ⼎DŽ䖭䞠ҙ䩜ᇍᷛޚ᳡ࡵ఼᥻ӊ Image 䖯 㸠ҟ㒡DŽ

Ǐ՟ 2-15ǐ߽⫼ Image ᥻ӊᅲ⦄⫼᠋Ͼᗻ༈ڣⱘ䗝ᢽˈབ೒ 2-20 ᠔⼎DŽ⫼᠋䗮䖛ϟᢝ㦰 ऩ䖯㸠༈ڣ䗝ᢽˈᰒ⼎೒⠛䱣Пব࣪DŽ䆹ᅲ՟᪡԰ࠡˈ⫼᠋㽕೼㔥キⱘ images ᭛ӊ།䞠ᬒ㕂 4ᓴ༈ڣ೒⠛ˈ᭛ӊৡߚ߿Ў man1.jpgǃwom1.jpgǃman2.jpg ੠ wom2.jpg˄Ex2-15.aspx˅DŽ

೒ 2-20 Image ᥻ӊ⫼⊩

Ex2-15.aspx᭛ӊҷⷕབϟ˖

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-15.aspx.cs" Inherits="Ex2_15" %>

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

<head runat="server">

<title>Ex2-15</title>

</head>

<body>

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

<div>

䇋䗝ᢽ༈ڣ˖

<asp:DropDownList ID="ddl1" AutoPostBack="True" runat="server" onselectedindexchanged=

"ddl1_SelectedIndexChanged">

<asp:ListItem Value="man1" Selected="True">⬋⫳༈ڣ 1</asp:ListItem>

      

%JCRVGT

<asp:ListItem Value="wom1">ཇ⫳༈ڣ 1</asp:ListItem>

<asp:ListItem Value="man2">⬋⫳༈ڣ 2</asp:ListItem>

<asp:ListItem Value="wom2">ཇ⫳༈ڣ 2</asp:ListItem>

</asp:DropDownList><br />

<asp:Image ID="Image1" runat="server" Height="140px" Width="140px" />

</div>

</form>

</body>

</html>

Ex2-15.aspx.cs᭛ӊЏ㽕ҷⷕབϟ˖

protected void Page_Load(object sender, EventArgs e) {

Image1.ImageUrl = "~/images/" + ddl1.SelectedValue + ".jpg";

}

protected void ddl1_SelectedIndexChanged(object sender, EventArgs e) {

Image1.ImageUrl = "~/images/" + ddl1.SelectedValue + ".jpg";

}

⿟ᑣ䇈ᯢ˖

Page_LoadџӊЁˈĀImage1.ImageUrl = "~/images/" + ddl1.SelectedValue + ".jpg";āⱘ԰⫼

ᰃ೼义䴶ࡴ䕑ᯊᰒ⼎ DropDownList ᥻ӊ咬䅸䗝乍ᇍᑨⱘ༈ڣDŽ

  -JTU#PY ଍͈

ListBox ᥻ӊᰃ੠ DropDownList ᥻ӊࡳ㛑㉏Ԑⱘ߫㸼Ḛ᥻ӊˈ⫼᠋ৃҹҢ߫㸼ḚЁ䗝ᢽ 䗝乍DŽListBox ᥻ӊ੠ DropDownList ᥻ӊⱘऎ߿೼Ѣࠡ㗙ܕ䆌⫼᠋ϔ⃵䗝ᢽ໮Ͼ䗝乍ˈ㗠ৢ

㗙াܕ䆌ϔ⃵䗝ᢽϔϾ䗝乍DŽListBox ᥻ӊⱘᐌ⫼ሲᗻঞ䇈ᯢབ㸼 2-7 ᠔⼎DŽ

㸼 2-7 ListBox ᥻ӊⱘᐌ⫼ሲᗻঞ䇈ᯢ

ሲᗻ 䇈ᯢ

Items 䖨ಲ ListBox ᥻ӊЁ ListItem ᇍ䈵

Rows ᥻ӊݙᆍᰒ⼎ⱘ㸠᭄

SelectedIndex ᥻ӊ㹿䗝Ёⱘ Index ؐ SelectedItem ᥻ӊ㹿䗝Ёⱘ ListItem ᇍ䈵 SelectedItems 䖨ಲ᥻ӊ㹿໮䗝ᯊⱘ ListItems 䲚ড়

SelectedMode 䆒㕂᥻ӊᰃ৺ᬃᣕ໮䗝ˈؐЎ Multiple ᬃᣕ໮䗝DŽ咬䅸ؐЎ Single

Ǐ՟ 2-16ǐ߽⫼ ListBox ᥻ӊᅲ⦄⫼᠋ϾҎ⠅ད໮乍䗝ᢽˈབ೒ 2-21 ᠔⼎DŽ⫼᠋䗮䖛೼

䗝乍Ё䗝ᢽⳌᑨⱘ乍ˈऩߏĀᦤѸāᣝ䪂ৢˈে䖍ⱘᦤ⼎᭛ᄫ䱣Пব࣪DŽ䆹Ḝ՟ᬃᣕՓ⫼ Ctrl 䬂੠ Shift 䬂䖯㸠໮乍䗝ᢽ˄Ex2-16.aspx˅DŽ

%JCRVGT

೒ 2-21 ListBox ᥻ӊ⫼⊩

Ex2-16.aspx᭛ӊЏ㽕ҷⷕབϟ˖

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ex2-16.aspx.cs" Inherits="Ex2_16" %>

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

<head runat="server">

<title>Ex2-16</title>

</head>

<body>

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

<div>

䇋䗝ᢽԴⱘ⠅ད˖<br />

<asp:ListBox ID="ListBox1" runat="server" Height="114px" SelectionMode="Multiple" Width="84px">

<asp:ListItem>ଅ℠</asp:ListItem>

<asp:ListItem>䏇㟲</asp:ListItem>

<asp:ListItem>␌⋇</asp:ListItem>

<asp:ListItem>⠀ቅ</asp:ListItem>

<asp:ListItem>ᮙ㸠</asp:ListItem>

<asp:ListItem>䩧剐</asp:ListItem>

</asp:ListBox>

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="ᦤѸ" />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</div>

</form>

</body>

</html>

Ex2-16.aspx.cs᭛ӊЏ㽕ҷⷕབϟ˖

protected void Button1_Click(object sender, EventArgs e) {

string sss = "Դ䗝ᢽⱘᰃ˖";

for (int i = 0; i < ListBox1.Items.Count; i++) {

ListItem item = ListBox1.Items[i];

if (item.Selected) {

sss += item.Text + " ";

      

%JCRVGT

} }

Label1.Text = sss;

}

⿟ᑣ䇈ᯢ˖

ᇚ ListBox ᥻ӊⱘ SelectionMode ሲᗻ䆒㕂Ў Multipleˈ䖭ḋՓᕫ ListBox ᬃᣕ Ctrl 䬂੠

Shift䬂䗝ᢽ໮乍DŽ

Āstring sss = "Դ䗝ᢽⱘᰃ˖";ā㸼⼎ໄᯢ 1 Ͼ string ᄫヺІব䞣 sss ᑊ䌟߱ؐDŽⳌᑨഄˈ ĀListItem item = ListBox1.Items[i];ā䇁হ߭ᰃໄᯢ 1 Ͼ ListItem ব䞣 item ᑊ䌟߱ؐDŽ

立即下載 "ASP.NET（C#）网站开发 ..."

Outline

相關文件