Form表单提交

                                     Form表单提交

form表单提交，表单提交分两种：自动提交 和 手动提交，

form表单提交又分：post提交和get提交，以下用的都是post提交

一.自动提交表单：

自动提交表单，我们可以通过框架引用； 

不多说，代码如下：

    
    
    


    

        

            

                姓名
                
            
            

                性别
                
                    --请选择--
                    男
                    女
                
            
            

                地址
                
            
            

                表单提交
                Reset重置
            
        
    
    
    

如上，我写的是自动提交表单的！效果如下

当我们点击表单提交时，会产生一种像刷新网页一样的效果，但是它的是表单提交，不过它会产生一种清空的效果，

因为它把内容提交到一个 action="/"  ;action="/"，本应该在里面应该填写一个地址，不过我这里没写，只是拿  / 代替而已；

action   规定当提交表单时，向何处发送表单数据。

当我们点击Reset重置时，它只是重置表单，它也会产生一种清空的效果，但是不会产生一种像刷新网页一样的效果！！它只是起到重置表单而已；

 

 二.手动提交表单：

手动提交表单的代码大概跟自动提交表单差不多，不过还是有区别的；

比如，我们要将下面这段代码改了：        

改成下面这样↓↓

οnsubmit="return false;"     禁用表单的自动提交；

还有我这里要写手动提交表单；还要改；

                表单提交
                Reset重置

将上面的 改成下面这样的

                POST提交
                Reset重置

我们还要写一个与添加一个新的控制器；

如下

控制器如下

 public ActionResult  GetData(string name,string sex,string address)
 {
      string str = name + sex + address;
      return Content(str);
 }

控制器详细代码如下：

    public class MainController : Controller
    {
        // GET: Main
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult  GetData(string name,string sex,string address)
        {
            string str = name + sex + address;
            return Content(str);
        }
    }

action 与method是form表单的两个属性： 

   action    规定当提交表单时向何处发送表单数据

   method   （get/post） 规定用于发送form-data的HTTP方法。(提交表单的方式)