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

सीएसएस के साथ एक उत्तरदायी इनलाइन फॉर्म कैसे बनाएं?

<घंटा/>

सीएसएस के साथ रिस्पॉन्सिव इनलाइन फॉर्म बनाने के लिए कोड निम्नलिखित है -

उदाहरण

उत्तरदायी इनलाइन फ़ॉर्म उदाहरण

<लेबल for="ईमेल">ईमेल:<इनपुट प्रकार="ईमेल" id="ईमेल" प्लेसहोल्डर ="ईमेल दर्ज करें" नाम ="ईमेल" /> <लेबल फॉर ="पास"> पासवर्ड: <इनपुट प्रकार ="पासवर्ड" आईडी ="पास" प्लेसहोल्डर ="पासवर्ड दर्ज करें" नाम ="पास"/><बटन प्रकार ="सबमिट करें">सबमिट करें

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

सीएसएस के साथ एक उत्तरदायी इनलाइन फॉर्म कैसे बनाएं?

ब्राउज़र विंडो का आकार बदलने पर तत्व इस प्रकार पुनः प्रवाहित होंगे -

सीएसएस के साथ एक उत्तरदायी इनलाइन फॉर्म कैसे बनाएं?


  1. सीएसएस के साथ उत्तरदायी फ़्लोटिंग तत्व कैसे बनाएं?

    CSS के साथ रेस्पॉन्सिव फ्लोटिंग एलिमेंट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "S

  1. कैसे सीएसएस के साथ उत्तरदायी प्रशंसापत्र बनाने के लिए?

    सीएसएस के साथ प्रतिक्रियाशील प्रशंसापत्र बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "

  1. CSS के साथ एक रेस्पॉन्सिव ब्लॉग लेआउट कैसे बनाएं?

    सीएसएस के साथ प्रतिक्रियाशील ब्लॉग लेआउट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    * {       box-sizing: border-box