1、後臺開啓短信驗證碼登錄，下圖兩項需要同時開啓
2、將以下Form代碼放在 login.html或者任意頁面都行
<form action="" class="form-horizontal form" method="post" name="myform" id="myform2">
{dr_form_hidden()}
<div class="form-body">
<div class="form-group " id="dr_row_phone">
<label class="col-md-2 control-label">手機號</label>
<div class="col-md-10">
<label><input type="text" class="form-control input-large" name="data[phone]" id="dr_phone"></label>
</div>
</div>
<div class="form-group" id="dr_row_sms">
<label class="col-md-2 control-label">短信驗證</label>
<div class="col-md-10">
<div class="input-group input-large">
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_sms" name="sms">
<div class="input-group-btn">
<button class="btn blue" onclick="dr_ajax_url('/index.php?s=member&c=api&m=login_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())" type="button">獲取手機驗證碼</button>
</div>
</div>
</div>
</div>
<div class="form-group" id="dr_row_code">
<label class="col-md-2 control-label">圖片驗證</label>
<div class="col-md-10">
<div class="input-group input-large">
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_code" name="code">
<div class="input-group-btn fc-code">
{dr_code(120, 35)}
</div>
</div>
</div>
</div>
<div class="form-actions" style="margin-top:30px">
<label class="col-md-2 control-label"></label>
<div class="col-md-10" style="padding-left:5px;">
<label><button type="button" class="btn red" onclick="dr_ajax_member('/index.php?s=member&c=login&m=sms', 'myform2');"> 登錄</button></label>
<label class="rememberme mt-checkbox mt-checkbox-outline">
<input type="checkbox" name="remember" value="1"> 記住登錄
<span></span>
</label>
</div>
</div>
</div>
</form>
3、預覽界面如下
熟悉前端的開發者可以繼續完善本表單，比如驗證碼倒計時等