2013-08-17 12 views
9

लेबल की तरह दिखने के लिए मैं इनपुट की शैली को कैसे टॉगल कर सकता हूं Ive में कुछ इनपुट फ़ील्ड हैं जिन्हें मैं प्रारंभ में लेबल की तरह दिखाना चाहता हूं, और फिर angular.js के माध्यम से उन्हें एक शैली लागू करें ताकि उन्हें बटन के बाद संपादित किया जा सके। दब गया। मैं बूटस्ट्रैप का उपयोग कर रहा हूं, क्या एक इनबिल्ट क्लास है जो मैं इन इनपुट को चालू और बंद कर सकता हूं?लेबल

उत्तर

0

कक्षा को टॉगल करने जितना आसान नहीं है, लेकिन आप <p> का उपयोग .form-control-static कक्षा के साथ लेबल और सामान्य इनपुट फ़ील्ड के साथ कर सकते हैं। फिर संपादन के लिए उन पर दृश्यता स्विच करें।

13
<style type="text/css"> 

.asd { 
    background:rgba(0,0,0,0); 
    border:none; 
} 

</style> 

<input type="text" class="asd" value="Label look like" disabled/> 
+4

+1, और मैं लेबल की शैली और इनपुट-शैली के बीच स्विच करते समय किसी भी के बजाय 'सीमा: 1px ठोस आरजीबीए (0,0,0,0) 'की सिफारिश करता हूं, तो स्थिति की स्थिति सीमा में बदलाव के कारण टेक्स्ट नहीं बदला जाता है। –