如何通过HTML标签内的document.onload属性实现输入框自动聚焦？

嘿，我来帮你搞定这个问题！你遇到的核心问题有两个，咱们一个个拆解：

1. 表单名称的访问语法错误 #

你的表单名叫my-form1，里面包含了连字符-。在JavaScript里，用点号.访问对象属性时，属性名不能包含这类特殊字符——JS会把my-form1当成my - form1（减法运算），这显然不是你想要的效果。

解决方法是改用方括号语法来访问带特殊字符的表单名：

<body onload="document['my-form1'].emri.focus();">

或者更稳妥的方式，通过document.forms集合获取表单：

<body onload="document.forms['my-form1'].emri.focus();">

2. document.onload vs body onload的区别 #

你提到想用document.onload，但实际上HTML标签里并没有对应document的元素可以直接添加onload属性。body标签的onload属性对应的是window.onload事件，它会在整个页面（包括图片、样式表等所有资源）加载完成后触发，完全能满足你让输入框自动聚焦的需求。

如果非要用document.onload，只能通过脚本绑定事件（但你明确想通过标签属性实现，所以咱们就聚焦在body onload的修改上）。

修改后的完整代码片段 #

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="App.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
</head>
<body onload="document.forms['my-form1'].emri.focus();" >
<main class="my-form">
<div class="container">
<div class="row justify-content-flex-start">
<div class="col-md-6">
<div class="card">
<div class="card-header">Apliko</div>
<div class="card-body">
<form name="my-form1" onsubmit=" return formValidation();">
<div class="form-group row">
<label for="emri" class="col-md-3 col-form-label text-md-right">Emri juaj:</label>
<div class="col-md-6">
<input type="text" class="form-control" name="emri">
</div>
</div>
<!-- 此处省略表单剩余内容 -->

额外小建议 #

虽然通过HTML属性绑定事件能实现需求，但从代码可维护性和分离关注点的角度来说，更推荐把JS逻辑放在<script>标签里，比如：

<script>
window.addEventListener('load', function() {
  document.forms['my-form1'].emri.focus();
});
</script>

不过既然你明确想要用标签属性的方式，前面的修改就完全能解决问题啦！

内容的提问来源于stack exchange，提问作者redline97