HTML рдк्рд░ेрдХ्рдЯिрдХрд▓ - рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ
HTML Practical - Using HTML Form Elements
рд╡ेрдм рдбिрдЬाрдИрди рд╡िрдж рдПрдЪрдЯीрдПрдордПрд▓ рдк्рд░ेрдХ्рдЯिрдХрд▓ - рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ
Web Design with HTML Practical - Using Form Elements
рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдХा рдк्рд░рдпोрдЧ рдпूрдЬрд░ рдж्рд╡ाрд░ा рджिрдП рдЬाрдиे рд╡ाрд▓े рдЗрдирдкुрдЯ рдХे рд▓िрдП рдХिрдпा рдЬाрддा рд╣ै। рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдХे рдж्рд╡ाрд░ा рд╡िрднिрди्рди рдЬाрдирдХाрд░ी рдЬैрд╕े рдиाрдо, рдИрдоेрд▓ рдЖрдИ рдбी, рдПрдб्рд░ैрд╕, рдлोрди рдиंрдмрд░, рдкाрд╕рд╡рд░्рдб рдЖрджि рдХी рдЬाрдирдХाрд░ी рд╡िрднिрди्рди рдлॉрд░्рдо рдПрд▓ीрдоेंрдЯ рдЬैрд╕े рдЗрдирдкुрдЯ рдЯेрдХ्рд╕्рдЯ, рдЯेрдХ्рд╕्рдЯ рдлीрд▓्рдб, рдЪेрдХрдмॉрдХ्рд╕, рд░ेрдбिрдпो рдмрдЯрди, рд╕рдмрдоिрдЯ рдмрдЯрди рдЖрджि рдХे рдж्рд╡ाрд░ा рдк्рд░ाрдк्рдд рдХी рдЬा рд╕рдХрддी рд╣ै। рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдж्рд╡ाрд░ा рдпрд╣ рд╕рднी рдЬाрдирдХाрд░िрдпाँ рдЖрд╕ाрдиी рд╕े рдк्рд░ाрдк्рдд рдХी рдЬा рд╕рдХрддी рд╣ैं।
HTML рдоे рдлॉрд░्рдо (Form) рдХो <form> ........... </form> рдЯैрдЧ рд╕े рдбिрдлाрдЗрди рдХрд░рддे рд╣ै।
HTML рдлॉрд░्рдо рдХो рд╡िрднिрди्рди рдк्рд░рдХाрд░ рдХे рдпूрдЬрд░ рд╕े рдбाрдЯा рдХो рдЗрдХрдЯ्рдаा рдХрд░рдиे рдХे рд▓िрдП рдк्рд░рдпोрдЧ рдХिрдпा рдЬाрддा рд╣ै рдЬैрд╕े : Name, Email Address, Phone Numbers рдХी рдЬाрдирдХाрд░ी рдЖрджि।
рдПрдЪрдЯीрдПрдордПрд▓ рдоें рдк्рд░рдпोрдЧ рдХी рдЬाрдиे рд╡ाрд▓े рд╡िрднिрди्рди рдлॉрд░्рдо рдПрд▓ीрдоेंрдЯ рдиिрдо्рди рд╣ैं:
Requirements : (Tools / Equipments / Instruments)
рдкрд░्рд╕рдирд▓ рдХंрдк्рдпूрдЯрд░ / рдоाрдЗрдХ्рд░ोрд╕ॉрдл्рдЯ рд╡िंрдбोрдЬ / рдиोрдЯрдкैрдб / рд╡ेрдм рдм्рд░ाрдЙреЫрд░
рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ | Using Form Elements in HTML
HTML рдоें рдлॉрд░्рдо рдХा рдк्рд░рдпोрдЧ рдХрд░рдиे рдХे рд▓िрдП рдиिрдо्рдиाрдиुрд╕ाрд░ рд╕्рдЯेрдк्рд╕ рдк्рд░рдпोрдЧ рдХीрдЬिрдП।
рд╡िंрдбोрдЬ рдХे рдиोрдЯेрдкेрдб рдк्рд░ोрдЧ्рд░ाрдо рдХो рдУрдкрди рдХीрдЬिрдП
START > ALL PROGRAMS > ACCESSORIES > NOTEPAD
рдиोрдЯрдкैрдб рдоें рдиिрдо्рдиाрдиुрд╕ाрд░ рдХोрдб рдЯाрдЗрдк рдХीрдЬिрдП।
рдлाрдЗрд▓ рдХो рд╕ेрд╡ рдХीрдЬिрдП। HTML File рдХो рд╕ेрд╡ рдХрд░рдиे рдХे рд▓िрдП рдХी-рдмोрд░्рдб рд╕े Ctrl + S рджрдмाрдПं। SaveAs рдбाрдпрд▓ॉрдЧ рдмॉрдХ्рд╕ рдоें рдлाрдИрд▓ рдХे рдиाрдо рдХे рд╕ाрде рдПрдХ्рд╕рдЯेंрд╢рди рдХे рд░ूрдк рдоें HTML рдЕрд╡рд╢्рдп рд▓िрдЦें. рдЬैрд╕े form.html рдФрд░ Save as type : рдЖрдк्рд╢рди рдкрд░ рдиिрдо्рдиाрдиुрд╕ाрд░ All Files рд╕ेрд▓ेрдХ्рдЯ рдХрд░ Save рдмрдЯрди рдкрд░ рдХ्рд▓िрдХ рдХीрдЬिрдП।
рдлाрдИрд▓ рдХो рдЦोрд▓рдиे рдХे рд▓िрдП рдоाрдКрд╕ рд╕े рдбрдмрд▓ рдХ्рд▓िрдХ рдХीрдЬिрдП। рдЖрдкрдХी рдлाрдИрд▓ рдЖрдкрдХे рдбिреЮॉрд▓्рдЯ рдм्рд░ाрдЙреЫрд░ рдоें рдУрдкрди рд╣ो рдЬाрдПрдЧी। рдпрд╣ рдЗрд╕ рдк्рд░рдХाрд░ рджिрдЦाрдИ рджेрдЧी।
рдПрдЪрдЯीрдПрдордПрд▓ рдСрдирд▓ाрдЗрди рдк्рд░ेрдХ्рдЯिрд╕ – рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдЗрдирдкुрдЯ рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ
Online HTML Practice - Using Input Element in HTML Form Program Code
HTML рдк्рд░ोрдЧ्рд░ाрдо рдХी рдСрдирд▓ाрдЗрди рдк्рд░ैрдХ्рдЯिрд╕ рдиीрдЪे рджिрдП рдЧрдП рдХोрдб рд╡िंрдбो рдоें рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдЗрдирдкुрдЯ рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░ोрдЧ्рд░ाрдо рдХोрдб рд▓िрдЦ рдХрд░ рдлॉрд░्рдо рдмрдиा рд╕рдХрддे рд╣ैं। рдк्рд░ोрдЧ्рд░ाрдо рдХोрдб рдХा рдЖрдЙрдЯрдкुрдЯ, рд░िрдЬрд▓्рдЯ рд╡िंрдбो рдоें рдк्рд░рджрд░्рд╢िрдд рд╣ोрдЧा।
See the Pen HTML Form - Using Text Field, Password Field, Radio Button by ITI COPA (@copaguide) on CodePen.
➥ <input> рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ рдХрд░ рдПрдЪрдЯीрдПрдордПрд▓ рдоें рд╕्рдХूрд▓ рдПрдбрдоिрд╢рди рдлॉрд░्рдо рдХा рдХोрдб рд▓िрдЦрдХрд░ рдЖрдЙрдЯрдкुрдЯ рд░िрдЬрд▓्рдЯ рд╡िंрдбो рдоें рдЪेрдХ рдХीрдЬिрдП।
рдПрдЪрдЯीрдПрдордПрд▓ рдСрдирд▓ाрдЗрди рдк्рд░ेрдХ्рдЯिрд╕ – рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рд▓ेрдмрд▓ рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ
Online HTML Practice - Using Label Element in HTML Form Program Code
See the Pen HTML Form Input Element with Type Attribute by ITI COPA (@copaguide) on CodePen.
рдПрдЪрдЯीрдПрдордПрд▓ рдСрдирд▓ाрдЗрди рдк्рд░ेрдХ्рдЯिрд╕ – рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рд╕िрд▓ेрдХ्рдЯ рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ
Online HTML Practice - Using Select Element in HTML Form Program Code
HTML рдлॉрд░्рдо рдоें рдб्рд░ॉрдк рдбाрдЙрди рд▓िрд╕्рдЯ рдХे рд▓िрдП <select> рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ рдХिрдпा рдЬाрддा рд╣ै। select рдл़ॉрд░्рдо рдПрд▓ीрдоेंрдЯ्рд╕ рдХे option рдПрдЯ्рд░ीрдм्рдпूрдЯ рдХे рдж्рд╡ाрд░ा рд╕िрд▓ेрдХ्рд╢рди рд▓िрд╕्рдЯ рдХी рд╡ैрд▓्рдпू рдХो рдбिрдлाрдЗрди рдХिрдпा рдЬाрддा рд╣ै।
See the Pen HTML Form Select Element with Option Tag by ITI COPA (@copaguide) on CodePen.
рдПрдЪрдЯीрдПрдордПрд▓ рдСрдирд▓ाрдЗрди рдк्рд░ेрдХ्рдЯिрд╕ – рдПрдЪрдЯीрдПрдордПрд▓ рдлॉрд░्рдо рдлीрд▓्рдб рд╕ेрдЯ рдПрд╡ं рд▓ेрдЬेंрдб рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ
Online HTML Practice - Using Fieldset & Legend Element in HTML Form Program Code
HTML рдлॉрд░्рдо рдоें рдлीрд▓्рдбрд╕ेрдЯ <fieldset> рдПрд▓िрдоेंрдЯ рдлॉрд░्рдо рдоें рдПрдХ рд╣ी рдк्рд░рдХाрд░ рдХे рдбाрдЯा рдХी рдЧ्рд░ुрдкिंрдЧ рдХे рд▓िрдП рдЙрдкрдпोрдЧ рдХिрдпा рдЬाрддा рд╣ै। рдЬैрд╕े рд░ेрдЬिрд╕्рдЯ्рд░ैрд╢рди рдлॉрд░्рдо рдоें рдкрд░्рд╕рдирд▓ рдЗрдирдлाрд░्рдоेрд╢рди, рдХ्рд╡ाрд▓िрдлिрдХेрд╢рди, рдЖрджि рдХो рдЕрд▓рдЧ рдЕрд▓рдЧ рдЧ्рд░ुрдк рдоें рдмांрдЯрдиा рд╣ै рддो fieldset рдПрд▓ीрдоेंрдЯ рдХा рдк्рд░рдпोрдЧ рдХрд░рддे рд╣ैं। рдЗрд╕ी рдк्рд░рдХाрд░ <legend> рдХा рдк्рд░рдпोрдЧ рдЗрд╕рдХे рдХैрдк्рд╢рди рдХे рд▓िрдП рдХिрдпा рдЬाрддा рд╣ै।
See the Pen Field Set and Legend in HTML Form by ITI COPA (@copaguide) on CodePen.



