Explain the following : (A) HTML form  controls  (B) Links using anchor tag.

  • HTML form controls

HTML form का उपयोग किसी user से data enter कराने के लिए करते हैं. इसके द्वारा user किसी भी प्रकार के जानकारियों को एक       जगह से दूसरे जगह में भेजने का कार्य कर सकते हैं. HTML में  form  को उसमें भरे जाने वाले data के अनुसार ही design करना चाहिए.   इसमें हम text box, text field, radio button, check box इत्यादि का उपयोग उनके आवश्यकता के अनुसार करके form को design   करते हैं. HTML में form उपयोग करना चाहते हैं तो उसके लिए “form” Container tag का  उपयोग निम्न syntax के अनुसार करते हैं:

 Syntax:

<form method =”value” Action = “URL”>

<input type = “value” name  = “value” size  = “value”>

———————————–</Form>

Form का उपयोग किसी Graphical Browser में ही किया जा सकता है. Form में एक method  का उपयोग किया जाता है. जिसकी   value get  या post  होती है जब user किसी data को remote host में भेजता है तब post method का उपयोग किया जाता है जबकि  किसी data को host machine से लाने के लिए get method का उपयोग करते हैं. Action में किसी file का नाम दिया जाता है जिसमें  form के द्वारा भेजे गए data को handle किया जाता है. इसके लिए सामान्यतः CGI ( Common Get Interface) या Unix   programming का उपयोग किया जाता है. किसी form में निम्न input  element  का उपयोग किये जाते हैं.

 

  • Text box  :

Text box का उपयोग किसी data   को Read  या input करने के लिए किया जाता है.

 Syntax :

<input type =”text” name =”value” Size =”value “ Mail length=”value “ value=”value “>

 Example :

<form>

 First name : <input type=”text “ name=”f name “ /><br/>

 Last name:<input type=”text “ name=”l name “ /></form>

 Output :

 First Name :

 Last Name

Radio button :

इसे दिए गए एक से अधिक options में से किसी एक option  क को ही  select करने के लिए उपयोग करते हैं.

Syntax :

<input type=”radio” name =”value “value=”value “>

 Example :

Sex : <input type=”radio” name=”Six” value=”male”>

 

  • Check box :

एक अथवा एक से अधिक options में से इच्छा अनुसार options को select करने का निर्धारण करना होता है तो इसे उपयोग करते हैं.

Syntax :

<input type=”check box” name=”value “ value=”value>

Example :

<input type=”check box “ name=”stationary “ value=”pen” /> I have a pen <br />

  • Drop down list :

Drop down list का उपयोग प्रदर्शित हो रहे options में से किसी एक option को select करने के लिए किया जाता है ‘Radio button’ and ‘list box’ में अंतर या होता है कि radio button में options limited होते हैं.

Syntax :

<select name=”value “>

<option value=”value 1”>Name 1</option>

<option value=”value 2”>Name 2</option>

<option value=”value_n” >Name_n </optoin>

</select>

Example :

<select name=”city “>

<option value=”Bilaspur”>Bilaspur<option>

<option value=”Raipur “>Raipur </option>

<option value=”Bhilai”>Bhilai</option>

</select>

Password :

Password एक प्रकार का input field होता है और इसका उपयोग किसी data को read करने के लिए किया जाता है जब user द्वारा किसी data को enter किया जाता है तब उसे “*” character के रूप में प्रदर्शित किया जाता है.

Syntax :

<input type=”password “ name=”value “size=value max length=”value “value=”value “>

Example :

<input type=”password “ name =”p1”size=”8”max length =”10” value=”Bilaspur “>

<HTML>

<BODY>

<FORM>

Form elements

</FORM>

</BODY>

</HTML>

  • Link using anchor tag :

Anchor tag का उपयोग किसी अन्य resource ( web page, file इत्यादि ) से link कराने या उसी page के अन्य स्थान से link  जोड़ने के लिए करते हैं.

इस tag को <a> के format  में लिखा जाता है.यह tag container tag  इसलिए इसमें opening एवं closing दोनों होते हैं. यह tag अकेले कार्य करने में सक्षम नहीं है  इसके साथ सामान्यतः href  attribute का उपयोग करते हैं.

Example :

<a       href=http://www.sspublication.com>SS Publication</a>

इसके attribute एवं उनके कार्य निम्न हैं :

  • HREF :

इसका उपयोग link स्थापित करने के लिए  करते हैं. इसमें link के रूप में web-page address, PDF file या अन्य files के address को type कर सकते हैं.

Example:

<A       HREF=http://www.sspublication.com>SS Publication</A>

 

  • Name :

इसके द्वारा यह निर्धारित कर सकते हैं कि web page किस भाग में open होगा . जैसे यदि  लंबा page  है तो उसमें नीचे को point करने के लिए या page के top इत्यादि को point कर सकते हैं.

Example :

<A NAME=”top”>Top of Page</A>

  • Target :

 

इस attribute का उपयोग link पर click करने पर उसका document  किसी स्थान पर open होगा इसका निर्धारण कर सकते हैं.इसमें यदि frameset उपयोग किया गया है तो किसी frame का target  दे सकते हैं या new browser window का जैसे:

 

 Example:

<A   HREF=”http://www.sspublication.com” TARGET=”_blank “>SS Publication </A>

 

Internal and External Link :

Internal एवं external link, hyperlink ही होते हैं दोनों के बीच अंतर यह होता है कि internal link में hyperlink के द्वारा वर्तमान webpage से उसी domain के दूसरे webpage, image, document को target किया जाता है. जबकि External link में किसी भी domain  के content को target किया जाता है अर्थात External link  उस स्थिति को कहेंगे जब आप वर्तमान website से किसी दूसरे website को target  करते हैं.

External link का सबसे अच्छा उदाहरण ‘Google AdSense’ होता है जिसके द्वारा आप वर्तमान website में किसी अन्य website का hyperlink दे सकते हैं, जो तभी कार्य करेगा जब वह website ( link website) working conditions में हो.

 

Example (External link) :

<a        HREF=https://www.google.com.in>       Google home page </a>

Internal link स्वयं के website के content के लिए होता है इसलिए किसी अन्य website के कार्य करने या ना करने को कोई फर्क नहीं पड़ता.Internal link को निम्न उदाहरण से समझ सकते हैं :

 

Example : (Internal link ) :

<h3  name=”smart”>  Good day</h3>

<a    HREF=”#smart”> Hyperlink of Good day </a>

 

Mail and image link :

Mail एवं image कॊ link कराने के लिए anchor tag  का उपयोग निम्न प्रकार किया जाता है:

Example (mail Link) :

<a    href=to.sspublication@gmail.com>   SS Publication</a>

Example (Image link) :

<img SRC=”c:/smart/birds.jpg>

 

DR. BSP. College Gharghoda

By- maya sidar BCA-III

Speak Your Mind

*

error: Content is protected !!