zxz 11.12.2011 12:09
Predmet:Trikovi HTML-a

U ovoj temi bit ce opisani neki od html trkova , sve ostalo sto nema veze sa naslovom ce biti obrisano.
Ukoliko imate neki trik odnosno neku stvar koja se rijetko koristi i smatrate da je malo ljudi zna onda je postavite u ovoj temi

zxz 11.12.2011 12:13
Predmet:Kako procentualno ograniciti duzinu input Text

PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7.  <INPUT tabindex="1" TYPE="text"name="nekoime"  style="width: 50%;"/>
  8. </BODY>
  9. </HTML>

zxz 11.12.2011 12:37
Predmet:Auto skrol u text area

PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. <script type="text/javascript">
  6. function scrollBox()
  7. {
  8. var elem = document.getElementById('prozor');
  9. elem.scrollTop = elem.scrollHeight;
  10. }
  12. </head>
  13. </HEAD>
  15. <TEXTAREA COLS="35" ROWS="5" Name="prozor">
  16.  Cesto puta treba da se skrol sam pomakne do kraja teksta pogotovo ako taj tekst upisujemo ili prenosimo
  17.  odnekud. To uglavnom opet radimo pomocu nekog tastera.
  18.  Takav primjer je i ovdje.
  20. <div>
  21. <INPUT TYPE="submit" onclick="scrollBox()" VALUE="Idi na kraj">
  22. </div>
  23. </BODY>
  24. </HTML>

zxz 06.02.2015 12:35
Predmet:Dialog box open

PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Browse taster</TITLE>
  4. </HEAD>
  6.  <FORM>
  7.  <INPUT TYPE="file" NAME="imeElementa">
  8.  </FORM>
  9. </BODY>
  10. </HTML>

zxz 09.02.2015 10:15
Predmet:Tablica malo drugacije

PreuzmiIzvorni kôd (HTML):
  4. thead {color:green;}
  5. tbody {color:blue;}
  6. tfoot {color:red;}
  7.  
  8. table, th, td {
  9.     border: 1px solid black;
  10. }
  12. <TITLE>Tablica</TITLE>
  13. </HEAD>
  15.  
  17.   <thead>
  18.     <tr>
  19.       <th>Naziv</th>
  20.       <th>Iznos</th>
  21.     </tr>
  22.   </thead>
  23.   <tfoot>
  24.     <tr>
  25.       <td>Ukupno</td>
  26.       <td>50KM</td>
  27.     </tr>
  28.   </tfoot>
  29.   <tbody>
  30.     <tr>
  31.       <td>Brasno</td>
  32.       <td>20KM</td>
  33.     </tr>
  34.     <tr>
  35.       <td>Secer</td>
  36.       <td>30KM</td>
  37.     </tr>
  38.   </tbody>
  40.  
  41. </BODY>
  42. </HTML>

zxz 14.07.2019 23:42
Predmet:Link na i submit zajedno

Nekad nam zatreba da se link ponasa kao submit odnosno da nam iscita nas kod.
Mozemo to rijesiti na sledeci nacin:
<input value="Pokreni" type="submit" formaction="index.php" />

zxz 14.07.2019 23:48
Predmet:Submit i alt

Ukoliko zelimo da na nas dugmic postavimo neku sliku a ujedno da nam on bude i submit onda to mozemo iizvesti ovako:
<input type="image" src="neka_slika.gif" alt="Submit" width="50" height="50">

zxz 26.09.2019 00:12
Predmet:Text box sa listom

PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Title of your page</TITLE>
  4. </HEAD>
  6. <input type="text" list="text_editor">
  7. <datalist id="text_editor">
  8.     <option value="Autocad"></option>
  9.     <option value="Notepad ++"></option>
  10.     <option value="Exel"></option>
  11.     <option value="Wordpad"></option>
  12. </datalist>
  13. </BODY>
  14. </HTML>

zxz 26.09.2019 00:32
Predmet:kolor piker

PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Title of your page</TITLE>
  4. </HEAD>
  6. Odaberi boju <input id="color_picker" type="color" onchange="showHex();">
  7. </BODY>
  8. </HTML>

zxz 03.05.2020 12:21
Predmet:enctype

Ako e-mail poruka generisana iz obrasca ne izgleda dobro, tj. ako su sve vrijednosti spojene u jedan red,
koristi se argument enctype, kao u primjeru:
PreuzmiIzvorni kôd (HTML):
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. </HEAD>
  7. <form action="mailto:someone@example.com" method="post" enctype="text/plain">
  8. Opcije  enctype:<br>
  9. 1. enctype="application/x-www-form-urlencoded"
  10. <ul>Svi znakovi se kodiraju prije slanja (razmaci se pretvaraju u '+' simbole, a posebni znakovi se pretvaraju u ASCII HEX vrijednosti)</ul>
  11. 2.enctype="multipart/form-data"
  12. <ul>Nijedan znak nije kodiran. Ova vrijednost je obavezna kada koristite obrasce koji imaju kontrolu za prijenos datoteka</ul>
  13. 3.enctype="text/plain"
  14. <ul>Prostori se pretvaraju u '+' simbole, ali nisu kodirani posebni znakovi</ul>
  15. </form>
  16. </BODY>
  17. </HTML>