HTML Coding For Upload Button & Form in Hindi & Eng

HTML Coding For Upload Button 

सभी को नमस्कार, आपका स्वागत है हमारे ब्लॉग साइट inventips.com पर। आज का विषय है ‘किसी भी साइट के लिए Html “अपलोड” कोड कैसे लिखें।


वास्तव में कोडिंग हर साइट के लिए आवश्यक है और इसके बिना किसी भी साइट को नुकसान होता है यह सौंदर्य और सजावट और एक पेशेवर ब्लॉगर को कोडिंग कौशल की आवश्यकता होती है।
इसलिए हम Inventips पर तैयार किए गए कोड प्रदान कर रहे हैं। तो बस कोड की प्रतिलिपि बनाएँ और अपनी खुद की साइट का निर्माण शुरू करें और आनंद लें 🙂

कोड प्रकार: HTML
कोड के लिए: अपलोड  बटन
कोड आवश्यकताएँ- अपलोड की गई फ़ाइलों के लिए आवश्यक backend or storage. 

Code Article ke last me…

For English users…….. 

Hello Everyone , welcome to our blog site inventips.com.Our Today topic is about ‘How to write a Html “Upload” Code for any site.

Actually coding is essential for every site and without it any site loss it beauty and decorum and also a professional blogger require the coding skills.
So we at inventips are providing ready made codes. So just copy codes and start building your Own site and Enjoy:)

Code type: HTML
Code for : Upload button
Code Requirements- Need Backened for storage uploaded files.

*******Code Start*********************

<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<br /></div>
<div class=”row”>
<div class=”col-md-6 col-md-offset-3″>
<h2>
Contact Us</h2>
Got a question ? Feedback? Awesome!
        <br />
Send your message in the form below and we will get back to you as early as possible.
        <br />
<form enctype=”multipart/form-data” id=”reused_form” method=”post” name=”contact-form” role=”form”>
<div class=”form-group”>
<label for=”name”>
                    Name:</label>
                <input class=”form-control” id=”name” maxlength=”50″ name=”name” required=”” type=”text” />

            </div>
<div class=”form-group”>
<label for=”email”>
                    Email:</label>
                <input class=”form-control” id=”email” maxlength=”50″ name=”email” required=”” type=”email” />
            </div>
<div class=”form-group”>
<label for=”name”>
                    Message:</label>
                <textarea class=”form-control” id=”message” maxlength=”6000″ name=”message” placeholder=”Your Message Here” rows=”7″ type=”textarea”></textarea>
            </div>
<div class=”form-group”>
<label for=”name”>
                    Image Upload:</label>
                <input class=”form-control” id=”image” name=”image” required=”” type=”file” />
            </div>
<button class=”btn btn-lg btn-success pull-right” id=”btnContactUs” type=”submit”>Post It! →</button>

        </form>
<div id=”success_message” style=”display: none; height: 100%; width: 100%;”>
<h3>
Sent your message successfully!</h3>
</div>
<div id=”error_message” style=”display: none; height: 100%; width: 100%;”>
<h3>
Error</h3>
Sorry there was an error sending your form.

        </div>
</div>
</div>
Copy

<br />
<form action=”https:// Inventips.com{your-form-endpoint-goes-here}” enctype=”multipart/form-data” method=”POST”>
<input name=”name” placeholder=”Your Name *” required=”required” type=”text” />
    <input name=”email” placeholder=”Your Email *” required=”required” type=”email” />
    <input name=”email” placeholder=”Your Phone *” required=”required” type=”email” />
    <input name=”photo” required=”required” type=”file” />
    <button type=”submit”>Send</button>

</form>
</div>

****Code Ending********************

Leave a Reply

Your email address will not be published.

Related Post