pug 生成的 textarea 的光标从中间开始

Question

我正在使用 Pug 创建一个表单，在生成的文本区域中，光标从中间开始，而不是从左上角开始。我见过类似的问题，问题是开始和结束输入标签之间的空格，但对我来说情况并非如此，因为我没有直接写 HTML 。

admin.pug:

form.basic#alertEditor(name="alertEditor" v-on:submit.prevent="createAlert" autocomplete="off")
    label(for="title") Title
    input(type="text", name="title", v-model="title", required)
    label(for="startDate") Start Date
    input(type="date", name="startDate", v-model="startDate", required)
    label(for="endDate") End Date
    input(type="date", name="endDate", v-model="endDate", required)
    label(for="desc") Description
    input(type="textarea", name="desc", v-model="desc" required)

style.sass

form.basic
  display: block
  input:not([type="radio"]), label:not([for="alert"]):not([for="detour"]), select
    display: block
  input, select
    margin-bottom: 1em
    font-family: "museo-sans", sans serif
    border-radius: 4px
  select
    padding: 0.5em 1em
    font-size: 1.05em
  input
    padding: 1em
  input[type="text"],input[type="date"],input[type="password"],input[type="email"]
    border: 2px solid $tertiary
    width: 100%
  input[type="textarea"]
    border: 2px solid $tertiary
    width: 50%
    height: 150px

我已尝试设置行和列属性以及宽度和高度，但问题仍然存在

Answer 1

textarea 不是 valid <input> type. You should use the <textarea> element。

label(for='desc') Description
textarea#desc(name='desc', v-model='desc', required)

此外，请注意 <label> elements 上的 for 属性应与它标记的表单元素的 id（而不是 name）相匹配。

pug 生成的 textarea 的光标从中间开始

textarea generated by pug has cursor starting in the middle

forms

textarea

sass

pug