HTML 如何设置文本框中光标位置?

html-css0405

HTML 如何设置文本框中光标位置?,第1张

用<input type="text" />这样的单行文本框貌似是实现不了的,调了高度就会一直在中间,但你可以用下面的多行文本框来替换,用法和单行文本框一样:

<textarea style="width:200pxheight:100px"></textarea>

光标的绘制不是由网页代码控制的,而是浏览器本身去控制。

有些浏览器提供了自身详细设置的功能如FF的地址栏输入about:config,但是大多数浏览器都没有设置类似功能。你要实现目的,得自己修改浏览器代码。

使用用户代码片段才行,默认的不行。不同的编辑器有不同的自定以代码片段方法。比如vscode 配置方法是 首选项->用户代码片段->html(css、js也可以配置)

这样配置,输入void,然后按tab键,html文件就会输出 <a href="javascript:void(0)">光标位置</a>并且光标会自动移动到 $0的位置

自定义的代码片段中,使用$+数字或字母表示变量,变量不会输出,只用来记录光标位置。使用 $0 代表光标默认位置,$1代表按下tab键后光标移动到下一个位置。也可以使用 $+字母代表变量。tab键切换到下一个位置。如果$+数字 和$+字母 同时存在, 会优先按照从小到大切换到数字的位置,$+数字的变量切换完毕后才会开始切换到$+字母的变量位置。