READ RIFE

Search Posts

HTML Form Input Elements in Hindi

HTML Form Elements in Hindi - Form create करने के लिए इस element का सबसे ज्यादा उपयोग किया जाता है क्यों कि इसका उपयोग कर के आप बहुत तरह की input field बना सकते हैं। इसकी मदद से आप text box, radio button, checkbox, submit button आदि बना सकते हैं। input element को इसके attributes की मदद से अलग अलग तरह से display कर सकते हैं। इसको समझने से पहले <label> element को समझते हैं।

HTML Form <label> Elements in Hindi -

HTML में इस form element का उपयोग अन्य elements को define करने में किया जाता है। जैसे अगर आपने नाम भरने के लिए एक text box बनाया है तो यूजर को कैसे पता चलेगा की उस text box में नाम भरना है इसके लिए उस text box के आगे इस <label> tag की सहायता से बताते हैं कि text box में कौन से इनफार्मेशन fill करना है।

ध्यान रहे कि जिस input field या element के लिए आप label tag का उपयोग कर रहे हैं हमेशा उसका label उसी element के साथ लिखें।

HTML Input Elements के types -

<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text"> (default value)
<input type="time">
<input type="url">
<input type="week">

<input type="text">

यूजर से सिंपल text input लेने के लिए।

<input type="button">

इसके उपयोग से एक button create होता है जिससे आप कोई एक्शन परफॉर्म करा सकते हैं।

<input type="password">

इसका उपयोग यूजर से पासवर्ड input के लिए करते हैं इसमें जब text enter करते हैं तब ये dotted के या star के रूप में दिखाई देते हैं।

<input type="checkbox">

ये multiple options में से एक या एक से ज्यादा options select करने के लिए use किया जाता है।

<input type="radio">

Radio button का उपयोग multiple options में से किसी एक को select करने के लिए इसका use करते हैं।

<input type="email">

यूजर से email enter कराने के लिए इसका use करते हैं यह input field सिर्फ email id को ही एक्सेप्ट करती है।

<input type="color">

color इनपुट कराने के लिए इसे use करते हैं इससे आपको एक option मिलता है जिसमें से आप कोई भी color select करा सकते हैं।

<input type="date">

यूजर से Date enter कराने के लिए इसका use करते हैं। इसमें यूजर को एक कैलेंडर से Day, Month और Year select करने का option देते हैं।

<input type="datetime-local">

इसमें Day, Month और Year के साथ साथ time का भी option होता है।

<input type="file">

यूजर से कोई फाइल upload कराने के लिए इस input field का use करते हैं।

<input type="hidden">

इसका use form के साथ किसी डाटा को लेने के लिए करते हैं इसमें यूजर को ये डाटा दिखाई नहीं देता पर ये form submit होने के साथ ही डेटाबेस में स्टोर हो जाता है।

<input type="image">

इसके help से submit button की जगह किसी को image या icon को लगा सकते हैं।

<input type="month">

इस input field में month और year, select करने का option होता है।

<input type="number">

इस input field की help से आप यूजर से कोई number enter करा सकते हैं और साथ ही इसके attributes (min और max ) की मदद से एक fix range दे सकते हैं।

<input type="range">

ये किसी fix range (min और max) में एक slider से value लेने के लिए use होती है।

<input type="reset">

इससे एक button बनता है जिसका use फॉर्म में भरी हुईं fields को reset करने के लिए किया जाता है।

<input type="search">

search field बनाने के लिए। ये field नार्मल text field की तरह ही होती है।

<input type="submit">

Form Submit करने के लिए button बनाने के लिए इसका use करते हैं।

<input type="tel">

यूजर से टेलीफोन नंबर enter कराने के लिए।

<input type="time">

यूजर से time इनपुट कराने के लिए।

<input type="url">

किसी website का URL enter कराने के लिए।

<input type="week">

सप्ताह enter कराने के लिए।

एक Example की सहायता से इन सभी Input Elements को समझते हैं। आप इस Example को run करने के बाद HTML code में बदलाव कर के practice कर सकते हैं। इसके अगले chapter में हम input elements के attributes जानेंगे।

PHP" method="POST" target="_blank">

Example of HTML Input Element in Hindi

<!DOCTYPE html>
<html>
<body>

<h1>Input Elements of Forms</h1>

<form action="HTML/HTML_Form_in_hindi" method="get" target="_blank">

    <hr/>
    <h4 style="color:chocolate;">Input Type label and text</h4>
    <label for="name">Enter Name:</label>
    <input type="text" name="first_name"/> 

    <hr/>
    <h4 style="color:chocolate;">Input Type password (display in star)</h4>
    <label for="pass">Enter Password:</label>
    <input type="password" name="pass"/>

    <hr/>
    <h4 style="color:chocolate;">Input Type checkbox(name attribute always different in checkbox)</h4>
    <input type="checkbox" name="sport1"/> 
    <label for="sports">Cricket:</label>
    <input type="checkbox" name="sport2"/> 
    <label for="sports">Hockey:</label>
    <input type="checkbox" name="sport3"/> 
    <label for="sports">Football:</label>

    <hr/>
    <h4 style="color:chocolate;">Input Type radio(name attribute always same in radio button)</h4>
    <input type="radio" name="sport"/> 
    <label for="sports">Cricket:</label>
    <input type="radio" name="sport"/> 
    <label for="sports">Hockey:</label>
    <input type="radio" name="sport"/> 
    <label for="sports">Football:</label>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type button</h4>
    <input type="button" name="btn" value="Sample Button"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type email</h4>
    <label for="email">E-mail:</label>
    <input type="email" name="email"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type color</h4>
    <label for="color">Select Color:</label>
    <input type="color" name="clr"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type date</h4>
    <label for="date">Select Date:</label>
    <input type="date" name="dob"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type datetime-local</h4>
    <label for="datetime-local">Select Date & Time:</label>
    <input type="datetime-local" name="dob"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type file</h4>
    <label for="file">Select file:</label>
    <input type="file" name="profile_pic"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type hidden (Not show on form but send value with form submission)</h4>
    <label for="data">Hidden Field:</label>
    <input type="hidden" name="data"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type image  </h4>
    <label for="img">Click On Image:</label>
    <input type="image" src="https://picsum.photos/id/237/200/300" alt="Submit" width="40" height="40">
    
    <hr/>
    <h4 style="color:chocolate;">Input Type Month</h4>
    <label for="month">Select Month:</label>
    <input type="month" name="month"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type number (without min or max value)</h4>
    <label for="num">Number:</label>
    <input type="number" name="num"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type number (with min or max value)</h4>
    <label for="num">Number:</label>
    <input type="number" name="num" min="10" max="21"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type range (with min or max value)</h4>
    <label for="rng">Range:</label>
    <input type="range" name="rng" min="50" max="900"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type reset (click here to remove all data from input fields)</h4>
    <label for="rst">Reset Button:</label>
    <input type="reset"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type search (for search box)</h4>
    <label for="qry">Search Here:</label>
    <input type="search" name="txt"/>
   
    <hr/>
    <h4 style="color:chocolate;">Input Type tel (for telephone number only)</h4>
    <label for="tno">Telephone Number:</label>
    <input type="tel" name="tnum"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type time </h4>
    <label for="time">Select Time:</label>
    <input type="time" name="u_time"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type url (only accept web address)</h4>
    <label for="url">Enter Website:</label>
    <input type="url" name="url"/>
    
    <hr/>
    <h4 style="color:chocolate;">Input Type week</h4>
    <label for="week">Select Week:</label>
    <input type="week" name="week"/> 


    <hr/>
    <h4 style="color:chocolate;">Input Type submit(for submit form data)</h4>
    <input type="submit">
</form>

<p>जो डाटा आप enter करोगे वो submit करने पर आपको web page के url में data display होगा। क्यों कि यहाँ GET method का उपयोग किया गया है और target blank है इसलिए ये new वेब पेज को वेब ब्राउज़र के new tab में open करेगा।</p>
</body>
</html>

इनको अच्छे से समझने के लिए editor पर इनमे changes कर के practice जरूर करें।

Author : Read Rife

Comments

Important Notice: The information on this page is compiled from various online sources. We make our best effort to curate and present precise information, but we cannot guarantee its absolute accuracy or completeness. It's recommended that you consult official sources and conduct further research to verify the information and ensure it's current.

महत्वपूर्ण सूचना: इस पृष्ठ पर दी गई जानकारी विभिन्न ऑनलाइन स्रोतों से संकलित की गई है। हम सटीक जानकारी को व्यवस्थित और प्रस्तुत करने का पूरा प्रयास करते हैं, लेकिन हम इसकी पूर्ण शुद्धता या पूर्णता की गारंटी नहीं दे सकते। यह अनुशंसा की जाती है कि आप आधिकारिक स्रोतों से सलाह लें और जानकारी सत्यापित करने के लिए और शोध करें ताकि यह सुनिश्चित हो सके कि यह नवीनतम है।

HTML Form Input Elements in Hindi

Search Posts

HTML Form Input Elements in Hindi

HTML Form <label> Elements in Hindi -

HTML Input Elements के types -

<input type="text">

<input type="button">

<input type="password">

<input type="checkbox">

<input type="radio">

<input type="email">

<input type="color">

<input type="date">

<input type="datetime-local">

<input type="file">

<input type="hidden">

<input type="image">

<input type="month">

<input type="number">

<input type="range">

<input type="reset">

<input type="search">

<input type="submit">

<input type="tel">

<input type="time">

<input type="url">

<input type="week">

Example of HTML Input Element in Hindi

Author : Read Rife

You May Also Like

HTML Form Input Elements in Hindi

Hands of a Rich and Successful Businessman in Palmistry

Idealistic Hands in Palmistry

Fingers shape in Palmistry

Leave a Comment

Comments

Popular Posts

Related Posts

Courses with certificate

Exam with Certificate

Exams & Courses Creater

Practice Sets

Blog & Article Writing

Exams for Knowledge

HTML Form Input Elements in Hindi

Search Posts

HTML Form Input Elements in Hindi

HTML Form <label> Elements in Hindi -

HTML Input Elements के types -

<input type="text">

<input type="button">

<input type="password">

<input type="checkbox">

<input type="radio">

<input type="email">

<input type="color">

<input type="date">

<input type="datetime-local">

<input type="file">

<input type="hidden">

<input type="image">

<input type="month">

<input type="number">

<input type="range">

<input type="reset">

<input type="search">

<input type="submit">

<input type="tel">

<input type="time">

<input type="url">

<input type="week">

Example of HTML Input Element in Hindi

Author : Read Rife

You May Also Like

Related Posts

Leave a Comment

Comments

Popular Posts

Related Posts