html 如何自动显示文本区域光标？

q1qsirdb 于 2023-11-15 发布在其他

关注(0)|答案(5)|浏览(165)

你们能告诉我如何自动显示文本区域光标吗？通常当我点击文本区域时，我会有一个文本光标。有没有可能直接显示它？

5条答案

在控件上设置autofocus属性（MDN，spec）。

<textarea rows="4" cols="30" autofocus></textarea>

字符串
也可以使用JavaScript设置它，但这可能会干扰页面的正常使用（特别是使用焦点读取的屏幕阅读器）（自动聚焦属性也可以，但它至少是标准的，因此可以编写屏幕阅读器软件来解决它）。
我不推荐的JavaScript技术是：

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

型
请注意，此不使用onload事件。该事件在加载整个文档（包括依赖项（如图像））之前不会触发，因此用户可能会开始与页面进行交互，这通常会有很大的延迟。在该点之后设置焦点可能会中断用户正在进行的任何操作。

你可以设置焦点。如果你不使用任何外部库（比如jQuery），试试这个：

<body onload="document.yourForm.yourTextarea.focus();">

<form name="yourForm">
<textarea name="yourTextarea"></textarea>
</form>

</body>

字符串

HTMLElement的focus()方法
下面是一个例子的链接：http://www.w3schools.com/jsref/met_html_focus.asp

您可以在加载页面时将给予focus到该文本框

使用此代码：<textarea rows="20" cols="100">
Your HTML Code：