Mops/ Jade - Eingang ist ein sich selbst schließendes element: <input/> aber enthält geschachtelte Inhalte?

Möchte ich Sie zum erstellen der html so:

<label class="radio-inline">
    <input type="radio" name="hidden" checked="" value="Visible"> Visible
</label>

Mops/Jade:

label.radio-inline
    input(type="radio", name="hidden", value="0", checked="") Visible

Aber ich bekomme eine Fehlermeldung:

Eingang ist ein sich selbst schließendes element: aber enthält geschachtelte Inhalte.

Was bedeutet es? Wie kann ich dieses Problem beheben?

  • <input> element kann nicht alles enthalten.
InformationsquelleAutor laukok | 2016-07-10
  1. 10

    Gibt es mehrere Möglichkeiten, das zu tun, mit Jade /Mops. Der erste Weg ist die Verwendung einer pipe char (das erfordert eine neue Zeile):

    input
  | text

    Die zweite Möglichkeit ist die Verwendung von tag-interpolation (und bleiben Sie auf der gleichen Zeile):

    #[input] text

    Also eine alternative Jethro Antwort wäre:

    label.radio-inline
  #[input(type='radio', name='hidden', value=0, checked='')] Visible

    Beachten Sie, dass können Sie selbst tun:

     label #[input] text

    Welche generiert:

    <label>
  <input/> text 
</label>
    InformationsquelleAutor Iso
  2. 6

    Müssen Sie es wie folgt:

    label.radio-inline
  input(type='radio', name='hidden', value=0, checked='')
  | Visible

    Setzen Visible auf der gleichen Linie wie input macht Mops interpretieren es als die innere HTML von input element.

    InformationsquelleAutor 1sloc
  3. 1

    Ich glaube, es ist Unsinn, zu setzen, die input innerhalb der label tag, oder nicht? Sie könnte einfach tun

    label(for="ya") Visible
input(id="ya", type="radio", name="hidden", value=0, checked="")

    Das gibt Ihnen ein perfekt beschriftet radio-button in übereinstimmung mit modernen web-standards.

    • Könnte, obwohl dies nicht der OPs Voraussetzung. Beachten Sie auch, dass Ihre Verbindung ausdrücklich "Tipp: Ein label gebunden werden können, um ein element entweder mit dem Attribut "for", oder indem Sie das element innerhalb des <label> - element."
    • Fair genug, ich übersah, dass. Danke! Aus einer semantischen Perspektive würde ich nicht verwenden.
    • Ich bekomme immer noch den Fehler input#first_name.form-control.input-sm.floatlabel(type="text", name="first_name", placeholder="First Name")
    InformationsquelleAutor Flaudre
Schreibe einen Kommentar