用<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键切换到下一个位置。如果$+数字 和$+字母 同时存在， 会优先按照从小到大切换到数字的位置，$+数字的变量切换完毕后才会开始切换到$+字母的变量位置。
