Prikazi cijelu temu 03.09.2020 00:34
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Lokacija:Tuzla


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>
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.