如何自动显示textarea光标?

Luk*_*kas 4 html textarea cursor

你能告诉我如何自动显示textarea光标吗?通常当我点击textarea时,我有一个文本光标.是否有可能直接显示它?

Que*_*tin 14

在控件上设置autofocus属性.请注意,这需要一个支持HTML 5草案特定位的浏览器.

<textarea rows="4" cols="30" autofocus></textarea>
Run Code Online (Sandbox Code Playgroud)

也可以使用JavaScript设置它,但这可能会干扰页面的正常使用(尤其是使用焦点读取的屏幕阅读器)(自动对焦属性也可以,但它至少是标准的屏幕阅读器可以编写软件来解决它).

我不推荐的JavaScript技术是:

<textarea rows="4" cols="30" id="mytextarea"></textarea>
<script> document.getElementById('mytextarea').focus(); </script>
Run Code Online (Sandbox Code Playgroud)

请注意,这使用onload事件.在整个文档(包括图像等依赖项)被加载之前,该事件不会触发,因此用户通常会在很长一段时间内开始与页面交互.在该点之后设置焦点可能会破坏用户在中间的任何内容.