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>