Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 89 - Demo
P. 89

                                        Nxënësi/ja:2.1 Ndërtimi i formularëve në HTML 3.9 Opsionet e File dhe ImageKrijimi i opsionit File (Ngarkimi i skedarit). Për krijimin e opsionit File Upload në një formular përdoret rendi i mëposhtëm: . Ai ndihmon të ngarkoni skedarët nga kompjuteri juaj në një server web nëpërmjet formularëve. Butoni i shfletimit (Browse) shfaqet automatikisht së bashku me Text Box-in që është përdorur për të kërkuar file-t e dëshiruara në sistemin tuaj. Shembull: Përdorimi i opsionit File (fig. 1) mëson të ndërtojë formularët dhe njeh tipat e ndryshëm të tyre.Vrojtoni formularin e mëposhtëm. Për çfarë shërben butoni Fshij? Duke iu referuar faqes zyrtare të W3C, gjeni se cilat janë cilësitë e tag-ut Reset. Aktivitet:Më pas, shtypni butonin Browse dhe ngarkoni skedarin e dëshiruar.Krijimi i butonit Image. Për krijimin e butonit me figurë në një formular përdoret sintaksa (rendi) e mëposhtme: . Ai përdoret për krijimin e butonit Submit me figurë. Cilësitë e tij janë: Src, Align, Border, Height, Width dhe Alt.• Src përcakton emrin e file imazh.• Align fikson pozicionin e imazhit në kuadër të tekstit përreth.• Border përcakton gjerësinë e kufirit (në pixel) rreth imazhit.• Height përcakton gjatësinë e imazhit në pixel ose përqindje të dritares.• Width përcakton gjerësinë e imazhit në pixel ose përqindje të dritares.• Alt shfaq tekstin alternativë, nëse imazhi nuk mund të jetë i arritshëm.Shembull: Përdorimi i butonit të tipit “image” (fig. 2) Tag-u Ky tag përdoret kur doni që përdoruesi të shtojë shumë të dhëna në një text box, si p.sh., kur lihet një mesazh. Cilësitë e tij janë:• Name, që përcakton emrin në një Text Area;• Cols, që përcakton gjerësinë e dukshme të Text Area-s;• Rows, që përcakton numrin e dukshëm të rreshtave në një Text Area;• Readonly, që përcakton Text Area-n si vetëm të lexueshëm.Fig. 1Fig. 2image1.jpg87
                                    </code></pre></code></pre>
         	</div>

         </div>
         <div id="content-bottom">
           <div id="content-bottom2">
             <table width="110" border="0" cellspacing="0" cellpadding="0">
               <tr>
                 <td width="22%" height="44"><a href="page88.html"><img src="images/previous.png" width="26" height="19" id="Image2" onmouseover="MM_swapImage('Image2','','images/previous2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
                 <td width="43%">
                 	   <a href="page83.html">83</a>   <a href="page84.html">84</a>   <a href="page85.html">85</a>   <a href="page86.html">86</a>   <a href="page87.html">87</a>   <a href="page88.html">88</a>   <a href="page89.html">89</a>   <a href="page90.html">90</a>   <a href="page91.html">91</a>   <a href="page92.html">92</a>   <a href="page93.html">93</a>
                 </td>
                 <td width="35%"><a href="page90.html"><img src="images/next.png" width="26" height="19" id="Image1" onmouseover="MM_swapImage('Image1','','images/next2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
               </tr>
             </table>
           </div>
         </div>
      </div>
    </div>
    <div id="right-button">
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p><a href="page90.html"><img src="images/next_big.png" width="90" height="80" /></a></p>
    </div>

    </div>
    </body>
    </html>