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

label{
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    margin-left: -390px;
    margin-right: 100px;
    display: block;
    margin-top: 70px;
}
input[type=text],
input[type=email],
textarea{
    padding: 12px 200px;
    box-sizing: border-box;
    background-color: #222326;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    text-align: left;
}
.msg-label{
    margin-left: -345px;
}

.email-label{
    margin-left: -398px;
}

textarea{
    margin-bottom: 100px;
    padding-right: 300px 220px;
    overflow:hidden;
    margin-right: -50px;
}
        <div id="contact-me">
            <div id="center">
                <h2>CONTACT ME</h2>
            </div>

            <div id="center">
                <form action="action-page.php">
                    <label for="name" class="name-label">Name</label>
                    <input type="text" id="name" name="full-name" >

                    <label for="email" class="email-label">Email</label>
                    <input type="email" id="email" name="email">

                    <label for="message" class="msg-label">Message</label>
                    <textarea id="msg" name="message"></textarea>

                    <input type="submit" value="Submit">
                </form>
            </div>
        </div>

form

1
L0dz 9 सितंबर 2020, 23:32

1 उत्तर

सबसे बढ़िया उत्तर
input[type=text],
input[type=email],
textarea{
    padding: 12px 200px;
    box-sizing: border-box;
    background-color: #222326;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    text-align: left;
}

यह वह पैडिंग है जिसे आपने ऊपर के स्निपेट में जोड़ा है। पैडिंग तत्व के भीतर जगह जोड़ता है जैसे कि आप सब कुछ अंदर धकेल रहे हैं।

1
Bryant 9 सितंबर 2020, 23:43