bootstrap 表单提交方式

最新推荐文章于 2024-09-03 09:34:25 发布

JackLiu16

最新推荐文章于 2024-09-03 09:34:25 发布

阅读量2.2w

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/JackLiu16/article/details/82941617

版权

本文介绍了两种Bootstrap表单提交的方式：一是通过onclick事件调用JS函数，获取表单元素的value并发起请求；二是利用form的method和action属性直接提交表单。

摘要由CSDN通过智能技术生成

<div class="row">
		<div class="col-md-12">
			<div style="margin: 0 auto; max-width: 400px;">
				<ol class="breadcrumb">
					<li><a href="/user/list">通讯录</a></li>
					<li class="active">编辑用户</li>
				</ol>

				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">Profile of {
  {user.name}}</h3>
					</div>
					<div class="panel-body">
						<div class="form-group">
							<label for="name">中文名（可以附带上部门、工位号之类的做详细区分）：</label> <input
							type="text" name="cnname" id="cnname" class="form-control"
							value="{
  {user.cnname}}" />
						</div>
						<div class="form-group">
							<label for="email">邮箱：</label> <input type="email" name="email"
							id="email" class="form-control" value="{
  {user.email}}" />
						</div>
						<div class="form-group">
							<label for="phone">手机：</label> <input type="text" name="phone"
							id="phone" class="form-control" value="{
  {user.phone}}" />
						</div>
						<div class="form-group">
							<label for="name">IM（内部通讯工具账号，比如微信、百度hi、米聊）：</label> <input
							type="text" name="im" id="im" class="form-control"
							value="{
  {user.im}}" />
						</div>
						<div class="form-group">