फॉर्म फ़ील्ड संकेत/नोट के लिए सबसे अर्थात् सही HTML तत्व क्या है?

Question

लेबल और फ़ील्ड आसान है; हमारे पास <label> और फिर प्रासंगिक इनपुट फ़ील्ड है। लेकिन क्षेत्र के नीचे जाने वाले छोटे सूचनात्मक पाठ के लिए उपयोग करने के लिए सबसे अर्थात् सही HTML तत्व क्या है?

Answer 1

मैं किसी विशिष्ट तत्व के बारे में पता नहीं है या उन्हें कनेक्ट करने के लिए विशेषता है, लेकिन आप ARIA विशेषता aria-describedby का उपयोग कर ऐसा कर सकते हैं:

<label for="firstname">First Name</label> 
<input type="text" id="firstname" aria-describedby="firstname-explanation" /> 
<p id="firstname-explanation">e.g. John</p> 

लेकिन label में सब कुछ शामिल है अच्छा लगता है मेरे लिए या तो (अच्छी तरह से स्टाइलिंग क्षमताओं को भी प्रदान करता है, क्योंकि आपके पास एक अर्थात् - कंटेनर है):

<label> 
    <span class="form-item-title">First Name</span> 
    <input type="text" id="firstname" /> 
    <span class="form-item-description">e.g. John</span> 
</label> 

या आप भी दो मिश्रण कर सकते हैं।

एक और दृष्टिकोण वर्णन title में (या placeholder रूप @Alohci ने सुझाव दिया) input तत्व की विशेषता डाल करने के लिए हो सकता है (शब्दार्थ इस यह वर्णन एक है), लेकिन इस मामले में आप के लिए सम्मिलित करने के लिए है जावास्क्रिप्ट के माध्यम से मार्कअप (या input:after { content : "e.g. " attr(placeholder) } का उपयोग कर सीएसएस - @ एलोही द्वारा सुझाया गया)।