版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/JackLiu16/article/details/82941617
<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">
<label for="name">QQ：</label> <input type="text" name="qq" id="qq"
class="form-control" value="{{user.qq}}" />
</div>
<button type="button" class="btn btn-default" id="update_profile" onclick="edit_user('{{user.id}}');">
<span class="glyphicon glyphicon-floppy-disk"></span>
更新
</button>
<a href="/user/list" class="btn btn-default">
<span class="glyphicon glyphicon-arrow-left"></span>
返回
</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Reset Password</h3>
</div>
<div class="panel-body">
<div class="form-group">
<label for="password">输入密码：</label> <input type="password"
name="password" id="password" class="form-control" />
</div>
<button type="submit" class="btn btn-default" onclick="reset_password('{{user.id}}');">
<span class="glyphicon glyphicon-floppy-disk"></span>
更新
</button>
<a href="/user/list" class="btn btn-default">
<span class="glyphicon glyphicon-arrow-left"></span>
返回
</a>
</div>
</div>
</div>
</div>
</div>function reset_password(id) {
$.post('/admin/user/'+id+'/chpwd', {
'password' : $("#password").val()
}, function(json) {
if (json.msg.length > 0) {
err_message_quietly(json.msg);
} else {
ok_message_quietly("密码重置成功：）");
}
}, "json");
}1、通过onclick调用js函数，通过id拿到value请求
<form class="form-horizontal" role="form" method="post" action="/screen/{{screen.id}}/graph">
<div class="form-group">
<label class="control-label col-md-2" for="title">Graph标题</label>
<div class="col-md-8">
<input required type="text" class="form-control" name="title" value="{{graph and graph.title or ''}}">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="hosts">Endpoints列表</label>
<div class="col-md-8">
<textarea name="hosts" rows="5" class="form-control">{{"\n".join(graph.hosts)}}</textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="counters">Counters列表</label>
<div class="col-md-8">
<textarea required rows="5" class="form-control" name="counters">{{"\n".join(graph.counters)}}</textarea>
<span class="help-block">一行一个完整的counter，比如: cpu.idle 或者<br/>
使用tag来筛选，比如metric=net.if.in.bytes iface=eth0 (其中metric项必须得有; metric和tag之间，tag与tag之间用空格分割)</span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="timespan">默认时间跨度</label>
<div class="col-md-8">
<select name="timespan" required class="form-control">
<option value="3600" {%if graph and graph.timespan==3600%} selected {%endif%}>1小时</option>
<option value="21600" {%if graph and graph.timespan==21600%} selected {%endif%}>6小时</option>
<option value="43200" {%if graph and graph.timespan==43200%} selected {%endif%}>12小时</option>
<option value="86400" {%if graph and graph.timespan==86400%} selected {%endif%}>1天</option>
<option value="604800" {%if graph and graph.timespan==604800%} selected {%endif%}>7天</option>
<option value="2592000" {%if graph and graph.timespan==2592000%} selected {%endif%}>1月</option>
<option value="31536000" {%if graph and graph.timespan==31536000%} selected {%endif%}>1年</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="graph_type">视角</label>
<div class="col-md-8">
<label class="radio">
<input required type="radio" name="graph_type" value="h" {%if graph and graph.graph_type=="h"%}checked{%endif%}>
endpoint视角
</label>
<label class="radio">
<input required type="radio" name="graph_type" value="k" {%if graph and graph.graph_type=="k"%}checked{%endif%}>
counter视角
</label>
<label class="radio">
<input required type="radio" name="graph_type" value="a" {%if graph and graph.graph_type=="a"%}checked{%endif%}>
组合视角
</label>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="method">是否加和</label>
<div class="col-md-8">
<input type="checkbox" name="method" class="form-control" value="sum" {%if graph and graph.method.lower() == "sum"%}checked{%endif%}>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-8">
<button type="submit" class="btn">添加</button>
</div>
</div>
</form><div class="panel-body">
<form class="form-inline" role="form" method="post" action="/screen/add">
<input type="hidden" name="pid" value="{{pid}}">
<div class="form-group">
<input type="text" name="screen_name" class="form-control" required placeholder="screen名字">
</div>
<button type="submit" class="btn btn-default">新增</button>
</form>
</div>