Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS से फॉर्म के टेक्स्ट फील्ड के अंदर स्पेस जोड़ें


फॉर्म के टेक्स्ट फील्ड के अंदर स्पेस जोड़ने के लिए CSS padding प्रॉपर्टी का उपयोग करें।

इसे प्राप्त करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          input[type = text] {             width: 100%;             padding: 10px 15px;             margin: 5px 0;             box-sizing: border-box;          }       </style>    </head>    <body>       <p>Fill the below form,</p>       <form>          <label for = "subject">Subject</label>          <input type = "text" id = "subject" name = "sub">          <label for = "student">Student</label>          <input type = "text" id = "student" name = "stu">       </form>    </body> </html>

  1. CSS से स्टैक्ड फॉर्म (वर्टिकल लेआउट) कैसे बनाएं? CSS से स्टैक्ड फॉर्म (वर्टिकल लेआउट) कैसे बनाएं?

    स्टैक्ड फॉर्म में सभी फील्ड्स वर्टिकली एक के नीचे एक व्यवस्थित होते हैं। यह मोबाइल-फर्स्ट डिज़ाइन के लिए आदर्श है और मीडिया क्वेरी के साथ बड़े स्क्रीन पर भी अच्छा दिखता है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1&g

  1. CSS से रजिस्टर फॉर्म कैसे बनाएं? CSS से रजिस्टर फॉर्म कैसे बनाएं?

    रजिस्ट्रेशन फॉर्म में ईमेल, पासवर्ड, पासवर्ड कन्फर्मेशन और शर्तें स्वीकृति शामिल होती हैं। स्टैक्ड लेआउट, फोकस स्टेट, और रिस्पॉन्सिव डिज़ाइन के साथ यह एक पूर्ण रजिस्ट्रेशन अनुभव प्रदान करता है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-wid

  1. Django में टेक्स्ट एडिटर फील्ड कैसे जोड़ें? Django में टेक्स्ट एडिटर फील्ड कैसे जोड़ें?

    कई ऑनलाइन परीक्षा लेने वाली वेबसाइट्स टेक्स्ट एंट्री, इमेज अपलोडिंग आदि के लिए टेक्स्ट एडिटर्स का उपयोग करती हैं। Quill टेक्स्ट एडिटर बहुत लोकप्रिय है और यह डेटाबेस में सीधे स्टोर करने के लिए एक मॉडल फील्ड भी प्रदान करता है। इसलिए, आपको इसके डेटा को डेटाबेस में सेव करने के लिए कुछ भी अतिरिक्त कॉन्फ