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

CSS से फॉर्म के इनपुट फील्ड्स को स्टाइल करें


फॉर्म के इनपुट फील्ड को स्टाइल करने के लिए, आप निम्न कोड चलाकर देख सकते हैं। <input> को स्टाइल करें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          input {             width: 100%;          }       </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 से hr एलिमेंट स्टाइल करना CSS से hr एलिमेंट स्टाइल करना

    hr स्टाइलिंग CSS से <hr> एलिमेंट को स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <meta name=viewport content=width=device-width, initial-scale=1> <head> <style> body{ font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20

  1. CSS से लेबल्स स्टाइल करना CSS से लेबल्स स्टाइल करना

    लेबल स्टाइल्स CSS से लेबल्स स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20px; } span

  1. फॉर्म इनपुट फील्ड्स के लिए कुछ कम-ज्ञात CSS प्रॉपर्टीज फॉर्म इनपुट फील्ड्स के लिए कुछ कम-ज्ञात CSS प्रॉपर्टीज

    परिचय CSS caret-color, pointer-events, और tab-size फॉर्म इनपुट फील्ड्स के लिए कुछ कम-ज्ञात प्रॉपर्टीज हैं। caret-color हमें ब्लिंकिंग कैरेट का रंग निर्दिष्ट करने की अनुमति देता है, pointer-events उपयोगकर्ताओं को किसी एलिमेंट के साथ इंटरैक्ट करने से रोकने में मदद कर सकता है, और tab-size टैब द्वारा उ