如何用vs2017在.aspx页面中插入一个TextBox控件,一个Button控件以及一个Label控件。要求如下: (1)将Label控件中的背景颜色设置为蓝色,前景颜色设置为红色,边框颜色设置为黄色,文本属性设置为“你的名字是:”; (2)将Button控件的文本属性设置为“确定”; (3)运行后,输入文本框中的信息加粗且能显示到标签的文本中。详细步骤
时间: 2023-05-14 22:06:24 浏览: 274
1. 打开 Visual Studio 2017,创建一个新的 ASP.NET Web Application 项目。
2. 在 Solution Explorer 中,右键单击项目名称,选择“添加”->“Web 窗体”。
3. 在添加新项对话框中,选择“Web 窗体”模板,命名为“Default.aspx”,点击“添加”按钮。
4. 在 Default.aspx 页面上,拖拽一个 TextBox 控件、一个 Button 控件和一个 Label 控件到页面上。
5. 在 Label 控件的属性窗口中,设置背景颜色为蓝色,前景颜色为红色,边框颜色为黄色,文本属性为“你的名字是:”。
6. 在 Button 控件的属性窗口中,设置文本属性为“确定”。
7. 在 Default.aspx.cs 文件中,找到 Page_Load 方法,在其中添加以下代码:
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack)
{
Label1.Text = "你的名字是:" + TextBox1.Text;
Label1.Font.Bold = true;
}
}
8. 运行项目,输入文本框中的信息,点击“确定”按钮,可以看到标签的文本中显示了输入的信息,并且加粗了。
相关问题
如何用vs2017在.aspx页面中插入一个TextBox控件,一个Button控件以及一个Label控件。要求如下: (1)将Label控件中的背景颜色设置为蓝色,前景颜色设置为红色,边框颜色设置为黄色,文本属性设置为“你的名字是:”; (2)将Button控件的文本属性设置为“确定”; (3)运行后,输入文本框中的信息加粗且能显示到标签的文本中。
在.aspx页面中插入一个TextBox控件、一个Button控件以及一个Label控件的代码如下:
```html
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="确定" OnClick="btnSubmit_Click" />
<asp:Label ID="lblName" runat="server" Text="你的名字是:"
BackColor="Blue" ForeColor="Red" BorderColor="Yellow"></asp:Label>
```
在代码中,我们设置了TextBox控件的ID为"txtName",Button控件的ID为"btnSubmit",Label控件的ID为"lblName"。同时,我们还设置了Label控件的背景颜色为蓝色,前景颜色为红色,边框颜色为黄色,文本属性为"你的名字是:"。
在Button控件的OnClick事件中,我们可以将输入框中的信息加粗并显示到标签的文本中,代码如下:
```csharp
protected void btnSubmit_Click(object sender, EventArgs e)
{
lblName.Text = "你的名字是:<b>" + txtName.Text + "</b>";
}
```
在代码中,我们将输入框中的文本加粗并显示到标签的文本中。
asp。net已知SQL Server数据库为XSDB,其中有一 张表为student,表中有3个字段,即学日姓名、性别。设计一个页面,在文本框控件TextBox中输人学号查询学生信息,如果查找到则在标签控件Label中显示“查找到的信息如下:”,并将该学生的各项信息分别显示在对应的TextBox控件中;如果查找不到则在Label 中显示“查无此人!”
您可以参考以下代码实现:
ASPX页面代码:
```html
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>学生信息查询</h3>
<asp:Label ID="lblResult" runat="server"></asp:Label><br /><br />
学号:<asp:TextBox ID="txtID" runat="server"></asp:TextBox><br /><br />
姓名:<asp:TextBox ID="txtName" runat="server" ReadOnly="true"></asp:TextBox><br /><br />
性别:<asp:TextBox ID="txtGender" runat="server" ReadOnly="true"></asp:TextBox><br /><br />
<asp:Button ID="btnSearch" runat="server" Text="查询" OnClick="btnSearch_Click" />
</div>
</form>
</body>
</html>
```
后端代码:
```csharp
using System;
using System.Configuration;
using System.Data.SqlClient;
namespace WebApplication1
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnSearch_Click(object sender, EventArgs e)
{
string connStr = ConfigurationManager.ConnectionStrings["connStr"].ConnectionString;
string query = "SELECT * FROM student WHERE ID = @ID";
using (SqlConnection conn = new SqlConnection(connStr))
{
SqlCommand cmd = new SqlCommand(query, conn);
cmd.Parameters.AddWithValue("@ID", txtID.Text.Trim());
conn.Open();
SqlDataReader reader = cmd.ExecuteReader();
if (reader.HasRows)
{
reader.Read();
txtName.Text = reader["Name"].ToString();
txtGender.Text = reader["Gender"].ToString();
lblResult.Text = "查找到的信息如下:";
}
else
{
txtName.Text = "";
txtGender.Text = "";
lblResult.Text = "查无此人!";
}
reader.Close();
conn.Close();
}
}
}
}
```
需要注意的是,上述代码中的数据库连接字符串 `connStr` 需要根据实际情况进行修改。另外,此代码中使用了 `SqlCommand` 和 `SqlDataReader` 对象来执行 SQL 查询语句并读取查询结果。
阅读全文