如何自动显示textarea光标?

时间:2012-06-06 08:38:02

标签: html cursor textarea

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

5 个答案:

答案 0 :(得分:14)

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

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

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

我不推荐的JavaScript技术是:

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

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

答案 1 :(得分:1)

您可以设置焦点。如果你不使用任何外部库(如jQuery),试试这个:

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

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

</body>

答案 2 :(得分:0)

您可以在加载页面

时将focus提供给该文本框

答案 3 :(得分:0)

HTMLElement称为focus()方法。

以下是带有示例的链接:http://www.w3schools.com/jsref/met_html_focus.asp

答案 4 :(得分:-2)

使用此代码:<textarea rows="20" cols="100">

您的HTML代码: <textarea>