HTML Form Tags in Hindi and English
HTML Form Tags
Introduction to HTML Forms
Users से जानकारी लेने के
लिए HTML Forms का इस्तेमाल किया जाता हैं।
इस जानकारी में फीडबैक, निजी जानकारी, संदेश, शिकायत या अन्य कुछ सुझाव आदि
हो सकते हैं।
HTML Forms are used to
get information from users. This information may include feedback, personal information,
messages, complaints or other suggestions.
Information about all Form Elements
Form Attribute
HTML Forms को Form
Element द्वारा Define किया जाता हैं। Form एक Container Tag की तरह काम करता हैं।जिसके
अंदर अन्य Form Elements को Define करके Forms को बनाया जाता हैं।
HTML Forms are defined
by Form Element. Form works like a container tag. Within which Forms are
created by defining other Form Elements.
Input Attribute
Input Element के द्वारा
Form में विभिन्न प्रकार के Data Fields को Define किया जाता हैं। जिनका निर्धारण
type Attribute करता हैं।
इस tag के कुछ
attributes है | जिनका use करके form को develop किया जाता है |
Various types of data
fields are defined in the form by the input element, which is determined by the
type attribute.
This tag has some
attributes. Using which the form is developed.
Coding-
<input type="text"
name="username">
1) Name Attribute
इस attribute का use एक
particular नाम देने के लिए किया जाता है बाद में इसी नाम को server पर values
store करने के लिए use किया जाता है।
This attribute is used
to give a particular name, later the same name is used to store the values on
the server.
Coding-
<form>
<input
name="FirstName">
</form>
2) Type Attribute
इस attribute का use
type के लिए किया जाता है यानी user से किस तरह का input लेना है इसे हम type
attribute मे define करते है |
Coding-
<form>
<input
type="text" name="FirstName">
</form>
Select
Select Element से Form में
एक Drop-down List को Define किया जाता हैं। इससे अधिक जानकारी एक Field में ही समाहित
हो जाती हैं।
A drop-down list is
defined in the form from the Select Element. More information than this is
contained in one field itself.
Coding-
<form>
<select
name="cars">
<option>Volvo</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
</form>
Radio Attribute
जब एक से ज्यादा विकल्पों
में से सिर्फ एक ही विकल्प Users द्वारा Select किया जाए तो इसके लिए Radio Buttons को फॉर्म में
Define किया जाता हैं।
When only one option
out of more than one option is selected by the users, then Radio Buttons are
defined in the form for this.
Coding-
<html>
<head>
<title>Ad
Computer Campus </title>
</head>
<body>
<form>
Male <input
type="radio" name="gender">
Female <input
type="radio" name="gender">
</form>
</body>
</html>
Check Box Attribute
html मे चेक बॉक्स का
use multiple option choose करने के लिए किया जाता है यानी एक से जादा option
choose करना चाहते है तो चेक बॉक्स का use कर सकते है |
In html, the check box
is used to select multiple options, that is, if you want to choose more than
one option, then you can use the check box.
Coding-
<html>
<head>
<title>Ad
Computer Campus</title>
</head>
<body>
<form>
HTML <input
type="checkbox" name="HTML">
CSS <input
type="checkbox" name="CSS">
JAVA <input
type="checkbox" name="JAVA">
C++ <input
type="checkbox" name="C++">
</form>
</body>
</html>
Text Box Attribute
html मे text बॉक्स
create करने के लिए input tag का use कर सकते है | type attribute मे value text पास
किया जाता है।
Coding-
<html>
<head>
<title>Ad
computer Campus</title>
</head>
<body>
<form>
<input
type="text" name="FirstName" placeholder="Enter Your
First Name">
<input
type="text" name="LastName" placeholder="Enter Your
Last Name">
</form>
</body>
</html>
Placeholder Attribute
अगर हमे text बॉक्स के अन्दर
पहले से कुछ text show करना हो तो placeholder attribute का use कर सकते है |
If we want to show some
text already inside the text box, then we can use placeholder attribute.
Coding-
<form>
<input
type="text" name="FirstName" placeholder="Enter Your
First Name">
</form>
TextArea Attribute
The <textarea>
tag defines a multi-line text input को control करने का Work करता है। यह यूजर से
comments or reviews collect करने का कार्य करता है।
The <textarea>
tag defines the function of controlling a multi-line text input. It works to
collect comments or reviews from the user.
Coding-
<textarea
Rows="4" cols="50">
Ad Computer Campus
brought to you every information related to computer, visit the same blog today
and connect with us.
</textarea>
Button Attribute
HTML में बटन बनाने के लिए
<button> टैग का उपयोग किया जा सकता हैं । Button tag के द्वारा बटन बनाना बहुत
ही आसान होता हैं ।
The <button> tag
can be used to create buttons in HTML. It is very easy to make a button through
the Button tag.
Coding-
<html>
<head>
<title> Ad
Computer Campus</title>
</head>
<body>
<form>
<button
name="btn_name"> Submit </button>
</form>
</body>
</html>
Submit attribute
HTML में Submit /Accept
बटन बनाने के लिए HTML input टैग के type attribute की वैल्यू submit देनी पड़ती हैं
।
To create a Submit /
Accept button in HTML, the value of the type attribute of the HTML input tag
has to be submitted.
Coding-
<input
type="submit" Value=”submit”>
File attribute
HTML File Attribute फ़ाइल-चयन फ़ील्ड और File upload के लिए "ब्राउज़" Button को परिभाषित करती है।
The File attribute defines a file-select field and a "Browse" button for file uploads.
Coding-
<input type="File" Value=”File”>
Date attribute
HTML Date Attribute एक दिनांक चयनकर्ता को परिभाषित करती है। परिणामी मान में वर्ष, माह और दिन शामिल होते हैं।
HTML Date attribute defines a date picker. The resulting value includes the year, month, and day.
Coding-
<input type="Date" Value=”Date”>
Time attribute
HTML टाइम एट्रिब्यूट एक समय इनपुट फ़ील्ड बनाता है, जिससे उपयोगकर्ता पूर्व-निर्धारित सूची से या मैन्युअल रूप से दर्ज करके समय (घंटों और मिनटों सहित) का चयन कर सकते हैं।
Html Time Attribute creates a time input field, allowing users to select a time (including hours and minutes) from a pre-defined list or by entering it manually.
Coding-
<input type="Time" Value=”Time”>
Password attribute
HTML में
Password बटन बनाने के लिए HTML input टैग के type attribute की वैल्यू Password देनी
पड़ती हैं ।
To create a
Password button in HTML, the value of the type attribute of the HTML input tag
has to be given as Password.
Coding-
<input
type="Password" Value=”Password”>
Reset Attribute
HTML में Reset बटन बनाने के लिए HTML input टैग के type attribute की वैल्यू Reset देनी पड़ती हैं ।जिससे पूरा Form Reset हो जाता है।
To create a
Reset button in HTML, the value of the type attribute of the HTML input tag has
to be reset. The entire form is reset.
<input
type="Reset" Value=”Reset”>
No comments: