如何實現在網頁中輸入的數據保存到數據庫中

HTML代码<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:GridView ID="GridView1" runat="server" OnDataBound="GridView1_DataBound" >
        </asp:GridView>
    </div>
    </form>
</body>
</html><script language="javascript" type="text/javascript">var txt = document.getElementById("TextBox1");
txt.onpropertychange = function(){
    var table = document.getElementById("d"+Math.floor(Math.random()*10));
    if(table)
    {
        table.innerHTML = txt.value;
    }
};
</script>
C# 代码using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        DataTable dt = new DataTable();
        dt.Columns.Add(new DataColumn("C1"));
        dt.Columns.Add(new DataColumn("C2"));  
        for (int i = 1; i <= 10; i++)
        {
            DataRow row = dt.NewRow();
            row[0] = i.ToString();
            row[1] = i.ToString() + "0";
            dt.Rows.Add(row);
        }        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
    protected void GridView1_DataBound(object sender, EventArgs e)
    {
        for (int i = 0; i < GridView1.Rows.Count; i++)
        {
            GridView1.Rows[i].Cells[1].Text = "<div id='d" + i.ToString() + "'></div>";
        }
    }
}