HTML
<textarea name="remark" autofocus></textarea>
模态中的 HTML5 autofocus 属性不起作用
这是我的模型页面 // 但我在同一页面中有多个模型 //
<div class="modal hide fade in" role="dialog" aria-labelledby="myModalLabel3" tabindex="-1" aria-hidden="true" id="" >
<form class="form-horizontal" name="form" method="post" action="" style=" margin-bottom:0px">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">XXXXXXX</h4>
</div>
<div class="modal-body">
<div class="control-group">
<label class="control-label">YYYYY</label>
<div class="controls remark">
<textarea name="YYY" autofocus></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<input type="submit" onClick="alertConfirm('Test');" class="btbtn-medium btn-primary" value="" name="" />
</div>
</div>
</form>
</div>
我也尝试了 javascript 代码..提前致谢..
autofocus
当您的输入默认隐藏时不起作用。你必须在 JS 中执行此操作:
$('#myModal').on('shown.bs.modal', function() {
$(this).find('textarea[name="YYY"]').focus();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)