zxz 19.12.2018 01:03
Predmet:Dialog tag

PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  5. table, th, td {
  6.   border: 1px solid black;
  7. }
  9. </head>
  11.  
  12. <p><b>Napomena:</b> Ova naredba nije podrzana u edge i internet exploreru</p>
  13.  
  15.   <tr>
  16.     <th>Januar <dialog open>Ovo je dialog box</dialog></th>
  17.     <th>Februar</th>
  18.     <th>Mart</th>
  19.   </tr>
  20.   <tr>
  21.     <td>31</td>
  22.     <td>28</td>
  23.     <td>31</td>
  24.   </tr>
  26. </body>
  27. </html>

zxz 19.12.2018 01:07
Predmet:dl i dt tagovi

PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  4.  
  5. <dl>
  6.   <dt>Kafa</dt>
  7.   <dd>Topli napitak</dd>
  8.   <dd>Moze se piti sa mlijekom</dd>
  9.   <dt>Mlijeko</dt>
  10.   <dd>Pije se hladno</dd>
  11. </dl>
  12.  
  13. </body>
  14. </html>

zxz 01.09.2019 09:42
Predmet:Titl novi red

Novi red u titl mozete napraviti pomocu ovih znakova:


Primjer:
<img src="'neka_slika.gif'"
alt="red 1 red 2" title="red 1 red 2">

zxz 18.10.2019 19:15
Predmet:autocomplete

Sa tagom autocomplete="off" mozemo izbjeci ponudjene odgovore pri kucanju u tekst box.
Mozemo to uciniti na nivou input type text ili na nivou cijele forme.
primjer:
<input type="text" name="foo" autocomplete="off" />

ili na nivou forme
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  4.  
  5. <form action="/action_page.php" method="get" autocomplete="on">
  6.   First name:<input type="text" name="fname"><br>
  7.   E-mail: <input type="email" name="email"><br>
  8.   <input type="submit">
  9. </form>
  10. </body>
  11. </html>

zxz 03.09.2020 01:34
Predmet:Fieldset

fieldset element uključuje globalne atribute :

disabled
Ako je postavljen ovaj logički atribut, sve kontrole obrazaca koje su u okviru<fieldset>, su onemogućene, Å¡to znači da ih nije moguće uređivati ​​i neće biti poslane zajedno s <form>. Neće primiti nikakve događaje pregledavanja, poput klikova miÅ¡em ili događaja povezanih s fokusom. Prema zadanim postavkama preglednici prikazuju takve kontrole sivo. Imajte na umu da elementi obrasca unutar <legend>elementa neće biti onemogućeni.
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  3. <script type="text/javascript">
  4. <!--
  5. function zakljucaj()
  6. {
  7. document.getElementById("mojFieldset").disabled = true;        
  8. }
  9. //-->
  12.  
  13. <h1>Disable fieldset</h1>
  14.  
  16.   <fieldset id="mojFieldset">
  17.     <legend>forma za upis podataka:</legend>
  18.     <label for="Ime">Ime:</label>
  19.     <input type="text" id="ime" name="ime"><br><br>
  20.     <label for="prezime">Prezime:</label>
  21.     <input type="text" id="prezime" name="prezime"><br><br>
  22.     <label for="email">Email:</label>
  23.     <input type="email" id="email" name="email"><br><br>
  24.     <label for="datum_rodjenja">Datum roenja:</label>
  25.     <input type="date" id="datum_rodjenja" name="datum_rodjenja"><br><br>
  26.     <input type="submit" value="Zakljucaj" onClick="zakljucaj()">
  27.   </fieldset>
  28. </form>
  29. </body>
  30. </html>

form
Ovaj atribut uzima vrijednost id atributa <form>elementa kojem želite <fieldset>da bude dio, čak i ako nije unutar obrasca.
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  4.  
  5. <h1> fieldset forma</h1>
  6.  
  7. <form id="mojaforma">
  8.     <legend>forma za upis podataka:</legend>
  9.     <label for="Ime">Ime:</label>
  10.     <input type="text" id="ime" name="ime"><br><br>
  11.     <label for="prezime">Prezime:</label>
  12.     <input type="text" id="prezime" name="prezime"><br><br>
  13.     <input type="submit" value="submit" >
  14.   <fieldset form="mojaforma">
  15.     <label for="email">Email:</label>
  16.     <input type="email" id="email" name="email"><br><br>
  17.     <label for="datum_rodjenja">Datum roenja:</label>
  18.     <input type="date" id="datum_rodjenja" name="datum_rodjenja"><br><br>
  19.   </fieldset>
  20. </form>
  21. </body>
  22. </html>

name
Ime povezano s grupom.
PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  4. <h1>fieldset ime</h1>
  5. <form id="mojaforma">
  6.     <legend>forma za upis podataka:</legend>
  7.     <label for="Ime">Ime:</label>
  8.     <input type="text" id="ime" name="ime"><br><br>
  9.     <label for="prezime">Prezime:</label>
  10.     <input type="text" id="prezime" name="prezime"><br><br>
  11.     <button type="button" onclick="form.mojfieldset.style.backgroundColor='yellow'">Klikni me</button>
  12.     <input type="submit">
  13.   <fieldset name="mojfieldset">
  14.     <label for="email">Email:</label>
  15.     <input type="email" id="email" name="email"><br><br>
  16.     <label for="datum_rodjenja">Datum roenja:</label>
  17.     <input type="date" id="datum_rodjenja" name="datum_rodjenja"><br><br>
  18.   </fieldset>
  19. </form>
  20. </body>
  21. </html>

zxz 05.09.2020 13:21
Predmet:Link preko koordinata na slici

Zakacen konkretan primjer kako napraviti link na nekom dijelu slike na osnovu predmeta odnosno lika na slici.
Prilozi:
slikalink.zip (Velicina datoteke:18.02 KB)

zxz 11.09.2020 09:59
Predmet:Iframe-postavljanje drugog linka u okvir

Sa iframe mozemo gledati neku drugu lokaciju u okviru nase stranice.
Moze biti vise okvra.
PreuzmiIzvorni kôd (Text):
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <h2><center>Iframe</center></h2>
  6. <iframe src="https://www.icentar.ba" name="iframe" height="300px" width="100%" title="Forum iCentar"></iframe>
  7.  
  8. <p><a href="https://www.icentar.ba" target="iframe">iCentar</a></p>
  9. <p><a href="https://www.icentar.ba/icentar/docs.php?id=4" target="iframe">Pravila</a></p>
  10.  
  11. </body>
  12. </html>