计算机专业毕业设计:[17]界面控件替换
1、打开网站代码界面,我们需要将网页代码替换为aspx页面代码【input】是网页标签代码,我们在编写代码的时候不太方便
![计算机专业毕业设计:[17]界面控件替换](https://exp-picture.cdn.bcebos.com/4d3d2ab33c4133ba6aabadc96a37c97623bc2f43.jpg)
2、拖动一个TextBox控件到界面,并修改ID,代码为【<asp:TextBox ID="Tname" runat="server"></asp:TextBox>】
![计算机专业毕业设计:[17]界面控件替换](https://exp-picture.cdn.bcebos.com/23fd63c5cf672b5f14acab223314f4d0b4032743.jpg)
3、同理修改密码和验证码输入框,并添加样式【<asp:TextBox ID="TextBox1" runat="server" class="input_3" style="float:left"></asp:TextBox>】
![计算机专业毕业设计:[17]界面控件替换](https://exp-picture.cdn.bcebos.com/b442d6d246fe474e0b699d0bb0ef354f51b81f43.jpg)
4、将按钮换为图片按钮,这样整体看上去更好看
![计算机专业毕业设计:[17]界面控件替换](https://exp-picture.cdn.bcebos.com/a99a494afa32939cff1d71065719ce2c5a1b1543.jpg)
5、点击按钮,打开属性窗口,选择按钮图片
![计算机专业毕业设计:[17]界面控件替换](https://exp-picture.cdn.bcebos.com/125ed0ecd3d969752d2e422dd243040149fe0943.jpg)
6、新闻列表我们采用【DataList】控件
![计算机专业毕业设计:[17]界面控件替换](https://exp-picture.cdn.bcebos.com/059057299a883913020f425a26bcbe2f46707c43.jpg)
7、代码【 <table class="style1"> <tr> <td align ="center" width="350"> 新 闻 标 题</td> <td align ="center" width="100"> 作 者</td> <td align ="center" width="100"> 日 期</td> </tr> </table>】
![计算机专业毕业设计:[17]界面控件替换](https://exp-picture.cdn.bcebos.com/bf6e59704618dfda15d1953289214f5792567743.jpg)