Submit form with HTML Button in ASP.Net MVC

Hi everyone,

I am using Asp.Net MVC and Bootstrap Modal Form. I wanna try when click edit button open modal form after update data. But update button not working. How can I solve this.

Html

  <div class="row pad-botm">
            <div class="col-md-12">
                <h4 class="header-line">Hakkımızda Listesi</h4>

            </div>

        </div>
        <div class="row">
            <div class="col-md-12">
                <!-- Advanced Tables -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Advanced Tables
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Özet</th>
                                        <th>İçerik</th>
                                        <th>Dil</th>
                                        <th>Düzenle</th>

                                    </tr>
                                </thead>
                                @foreach (var item in Model)
                                {
                                    <tbody>
                                        <tr class="odd gradeX">
                                            <td>@item.ID</td>
                                            <td>@item.Ozet</td>
                                            <td>@item.Icerik</td>
                                            <td>@item.DilID</td>
                                            <td>
                                                <button class="btn btn-primary" data-toggle="modal" data-target=".@item.ID">
                                                    Düzenle
                                                </button>
                                            </td>
                                        </tr>

                                    </tbody>
                                }
                            </table>
                        </div>

                    </div>
                </div>
                <!--End Advanced Tables -->
            </div>
        </div>

    </div>
</div>

<div class="panel-body">
    @foreach (var item in Model)
    {
        <div class="modal fade @item.ID" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        
            <div class="modal-dialog" style="width:86%">

                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Hakkımızda Düzenle</h4>
                        <span name="id" style="display:none">@item.ID</span>
                    </div>
                    <div class="modal-body">
                        <div class="panel-body">
                         
                                <form role="form" method="post" action="../AboutAdd/AboutGuncelle">
                                    <div class="form-group">
                                        <label>Dil Seç</label>
                                        <select name="dilids" class="form-control" required>
                                            <option value="0">Dil Seçiniz</option>
                                            @foreach (var items in ViewBag.Dil)
                                            {
                                                <option>@items.DilAd</option>
                                            }
                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label>Özet</label>
                                        <input type="text" class="form-control" name="ozets" value="@item.Ozet" />

                                    </div>
                                    <div class="form-group">
                                        <label>İçerik</label>
                                        <textarea class="form-control" name="iceriks" placeholder="İçerik" rows="5">@item.Icerik</textarea>
                                    </div>

                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
                                        <button type="button" class="btn btn-success">Güncelle</button>
                                    </div>
                                </form>                              
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }
</div>

Controller

        [HttpPost]
        public ActionResult AboutGuncelle(string ozets, string iceriks, int dilids, int id)
        {
            T_About about = new T_About();
            about.ID = id;
            about.DilID = dilids;
            about.Ozet = ozets;
            about.Icerik = iceriks;        
            mirror.SaveChanges();
            TempData["mesajs"] = "Kayıt Güncellendi";
            return RedirectToAction("AboutAdd", "AboutAdd");
        }