pug生成的文本区域的光标从中间开始。

Question

我用Pug创建了一个表单，在生成的文本区域中，光标从中间开始，而不是从左上方开始。我看到过类似的问题，问题出在开头和结尾的输入标签之间的空白处，但这不可能是我的问题，因为我不是直接写HTML。

admin.pug.style.sass:

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 不是一个 有效 <input> 类型. 你应该使用 <textarea> 元素 而不是。

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

另外，请注意 for 属性上 <label> 元素 应与 id (不是 name)的表单元素。