使用Visual Studio 2015完成表单的自动提交方式_visual studio提交键怎么写-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_57726512/article/details/117918443

本文介绍了如何在Visual Studio 2015中利用bootstrap和jQuery创建并提交表单。讲解了布局设计，包括label、input、select和textarea的使用，以及jQuery中GET和POST方法的区别，强调POST方法在数据安全性、数据量和可靠性方面的优势。还提到了后台接收表单数据的四种方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天我们将使用Visual Studio 2015来完成一个表单提交，同时我们还需要使用到bootstrap和jQuery插件。

首先布局页面我们在一个div标签中嵌套一个form标签，form标签嵌套四个div标签。

第一个div标签中包含有label标签和一个input标签，label标签中的是“姓名”input标签则是用来接收传入的数据的

第二个div标签则是用来存放一个label标签和select标签的，label标签中输入“性别”，select标签包裹三个option标签，第一个option标签输入“请选择”，第二个输入“男”，第三个输入“女”。第二个div标签是作为一个下拉框存在的。

第三个div标签则跟第一个div标签相似，不同的是第三个div标签没有input标签将input标签换为一个textarea标签，textarea标签跟input标签不同的是testarea标签比input标签跟高一些，作为一个输入地址的标签最适合不过了。最后一个div标签则用来存放按钮，所以我们给最后一个div标签中放置四个button按钮。这样我们基本的布局就已经完成了。

完成了最基本的布局之后，我们并不需要写css样式，只需要将我们插入的bootstrap中的类进行有引用即可。bootstrap插件中包含这很多我们常用的样式这样大大减少了我开发软件时所需要的时间。

 <div class="container mt-5">
        <form id="frm" autocomplete="off" @*action="/Main/GetData" method="post"*@ onsubmit="return false;">
            <div class="form-group form-row">
                <label class="col-form-label col-3 text-center">姓名</label>
                <input class="form-control col-9" type="text" name="name" id="txtName" />
            </div>
            <div class="form-group form-row">
                <label class="col-form-label col-3 text-center">性别</label>
                <select class="form-control col-9" name="sex" id="cboSex">
                    <option value="0">--请选择--</option>
                    <option value="男">男<