पग/जेड - इनपुट एक स्वयं बंद तत्व है: <input/> लेकिन इसमें नेस्टेड सामग्री शामिल है?

Question

मैं इस तरह एचटीएमएल बनाना चाहते हैं:

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

पग/जेड:

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

लेकिन मैं कोई त्रुटि मिलती है:

input is a self closing element: but contains nested content.

इसका क्या मतलब है? मैं इसे कैसे ठीक कर सकता हूं?

Answer 1

जेड/पग का उपयोग करने के कई तरीके हैं।

input 
    | text 

दूसरा तरीका टैग प्रक्षेप (और आप एक ही लाइन पर रह सकते हैं) का उपयोग करने के लिए है: पहला तरीका एक पाइप चार (जो एक नई लाइन की आवश्यकता है) का उपयोग है

#[input] text 

तो एक विकल्प जेथ्रो का जवाब होगा:

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

ध्यान दें कि आप भी कर सकते हैं:

label #[input] text 

कौन सा उत्पन्न करेगा:

<label> 
    <input/> text 
</label> 

Answer 2

आप इस तरह यह करना होगा:

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

input के रूप में एक ही लाइन पर लाना Visible, बन्दर input तत्व के भीतर एचटीएमएल के रूप में यह व्याख्या करता है।

Answer 3

मेरा मानना ​​है कि यह label टैग, या अंदर input डाल करने के लिए कोई बकवास है? तुम बस

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

है कि आप आधुनिक web standards के साथ समझौते में एक पूरी तरह से लेबल रेडियो बटन देता है कर सकता है।