只要在該input標簽后添加autofocus="autofocus"即可
代碼實例：
<html> <head></head> <body> 用戶名：<input type="text" id="username" name="username" autofocus="autofocus"/><br/> 密碼：<input type="text" id="password" name="password"/><br/> <input type="submit" name="submitBtn" value="提交"/> </body> </html>
focus 不生效:
在執行一段腳本時，對dom的操作應當是即時生效的。dom操作確實都是同步的。但是因dom改變而觸發的事件，以及其他一些效應（例如樣式應用），很可能是異步的。所以，focus這里可能是有延遲的。也有人說腳本對dom的操作不是即時生效的，瀏覽器可能執行完當前腳本所有代碼后才真正處理腳本中對dom的操作。
無論它是不是及時生效，但是，事實就是，focus必須延時一段時間才可以生效。
所以處理這類問題的時候，要加上人工的延時函數，進行延時處理。
延時函數為：
settimeout（）
setTimeout("$('#test').focus()",500);
zhuan :https://www.cnblogs.com/zydtm/p/9140087.html