第五章 发表新留言页的制作 post.aspx发新留言本页
操作步骤:
1、插入表单,切换到代码视图,给表单添加runat="server"属性:
<form id="form1" method="POST" runat="server" > </form> 2、按下图页面样式在表单内插入表格,宽度为730px:
所有的文本域、单选框均与相应的字段名称相同,并且加上runat="server" 属性使其成为服务器控件。代码清单:
留言标题:<input name="title" type="text" id="title6" runat="server" >昵 称:<input name="MessageName" type="text" id="MessageName" runat="server" >个人主页:<input name="PageUrl" type="text" id="PageUrl" runat="server" >电子邮箱:<input name="Email" type="text" id="Email" runat="server" > QQ号码: <input name="Qicq" type="text" id="Qicq" runat="server" >留言内容:<textarea name="MessageBook" cols="70" rows="10" id="MessageBook" runat="server" ></textarea> IP地址:<input name="UserIP" type="hidden" id="UserIP" value="<%= Request.ServerVariables("REMOTE_ADDR")%>" >发表按扭:<asp:button ID="button1" runat="server" Text="发表" />重写按扭:<input type="reset" name="Submit2" value="重写" runat="server" >
选择头像的隐藏域及头像初始值代码:
<a href=### onClick=window.open("face.aspx","face","width=400,height=400,resizable=1,scrollbars=1") title=点击选择头像> <img src="<% if session("face")="" then response.write("face/face14.GIF") else response.write(session("face")) end if%>" width="82" height="90" border=0 id="faceImg"></a> <input name="face" type="hidden" id="face" value="<% if session("face")="" then response.write("face/face14.GIF") else response.write(session("face")) end if%>" >
选择表情单选按扭组:
<table width="550" border="0" cellpadding="0" cellspacing="0" > <tr align="Center" valign="Middle" > <td width="595"> <input type=radio name=Miange value=Miange/FIL1.GIF checked > <img src="Miange/FIL1.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL7.GIF> <img src="Miange/FIL7.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL8.GIF> <img src="Miange/FIL8.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL11.GIF> <img src="Miange/FIL11.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL12.GIF> <img src="Miange/FIL12.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL14.GIF> <img src="Miange/FIL14.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL17.GIF> <img src="Miange/FIL17.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL38.GIF> <img src="Miange/FIL38.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL32.GIF> <img src="Miange/FIL32.GIF" border="0" ><span> <input type=radio name=Miange value=Miange/FIL28.GIF> <img src="Miange/FIL28.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL8.GIF> <img src="Miange/FIL8.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL5.GIF> <img src="Miange/FIL5.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL39.GIF> <img src="Miange/FIL39.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL42.GIF> <img src="Miange/FIL42.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL50.GIF> <img src="Miange/FIL50.GIF" border="0" > <input type=radio name=Miange value=Miange/FIL47.GIF> <img src="Miange/FIL47.GIF" border="0" ></td> </tr> </table>
单选按扭组不用添加runat="server" 属性。