[英]Focus Popup Input Field
我試圖在按下按鈕時重點關注用戶名輸入。 我嘗試過自動對焦,但這似乎不起作用。 有什么建議么?
我真的不想為此使用javascript(還沒有!),但我知道我可能必須這樣做。
<a class="button" href="#popup1" accesskey="r"><img class="access" src="images/login.png" /></a>
<div id="popup1" class="overlay">
<div class="popup">
<div class="popup_header">
<h2>Log In</h2>
<a class="close" href="#" accesskey="w">×</a>
</div>
<div class="content">
<section>
<ul class="input-list cred clearfix">
<form action="login.php" method="POST">
<li>
<input type="text" name="username" placeholder="Username">
</li>
<li>
<input type="password" name="password" placeholder="Password">
</li>
<li>
<input type="submit" name="submit" value="Sign In">
</li>
</ul>
</section>
</div>
</div>
根據您的彈出標記,我建議使用這種方法來顯示彈出窗口並集中輸入(在這種情況下,只有第一種文本輸入):
$('a').click(function(e) {
e.preventDefault();
var target = $(this).attr('href');
$(target).show();
$($('input[type=text]', target).get(0)).focus();
})
autofocus works in IE10+, Chrome, FireFox - please test in other browsers
but it works only on page load.
<input type="text" name="username" placeholder="Username" autofocus/>
Non supported browsers require JavaScript/Jquery to provide a focus on page
load.
focus on button click always require JavaScript/Jquery.
嘗試這個。
$(“#buttonid”)。click(function(){
//put an id to your username inputbox
$("#username").focus();
});
沒有javascript
,您將無法做到這一點,您可以編寫簡單的嵌入式javascript。
請參閱以下示例:
a:focus, a:active { color: green; }
<form name="myform2"> <input type="text" name="mytextfield2"> <input type="button" name="mybutton" value="Set Focus" OnClick="document.myform2.mytextfield2.focus();"> </form>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.