Nye formelementer i HTML5 - dummies

HTML5 introduserer en rekke nye formelementer med nye evner. Et bemerkelsesverdig delmengde av disse formelementene er utformet for å la et program endre en del av siden dynamisk.

Her er de nye formelementene og hva du kan gjøre med dem:

• datalist lar deg legge til en liste over forslag til et tekstinngangselement. Så snart brukeren begynner å skrive inn tekstfeltet, vises listen over forslag og brukeren kan velge mellom forslagene med musen. Eksempelkode for et navnfelt:

  Ditt navn
  

  Opera er for øyeblikket den eneste nettleseren som støtter dette elementet, selv om du kan bruke elementet i datalistobjektet for å få ikke-støttende nettlesere til å vise koden din.

• meter angir en numerisk verdi som faller innenfor et område. Koden støtter en rekke attributter:

  • verdi : Hvis du ikke angir en verdi, blir den første numeriske verdien i paret verdien.

  • max : Maksimal mulig verdi av varen.

  • min : Minst mulig verdi av varen.

  • høyt : Hvis verdien kan defineres som et område, er dette den høye delen av området.

  • lav : Hvis verdien kan defineres som et område, er dette den lave enden av det aktuelle området.

  • optimal : Den optimale verdien av elementet.

  Verdiene, høye, lave og optimale verdier bør alle være mellom min og max.

  Merk at måleelementet brukes til utgang et numerisk element. Bruk for numerisk inngang innenfor et område.

  Her er koden for et enkelt måleområde:

  A
  

• utgang er ment å vise tekstutgang. Det indikerer en del av siden som kan endres av et skript (vanligvis JavaScript). I dette kodefragmentet:

  Dette er den opprinnelige verdien endrer utdataene
  

  Når knappen trykkes, vil den kalle endringsutgang () JavaScript-funksjonen, som kan se slik ut:

  funksjonskifteOutput () {var myOutput = dokument. getElementById ("myOutput"); myOutput. value = "Verdien har endret seg";} // end changeOutput
  

  Når denne funksjonen kjører, endrer den innholdet i myOutput.

  Utgangselementet støttes for øyeblikket kun av Opera. Inntil bruk av dette elementet blir mer utbredt, kan du bruke innerHTML-attributtet til et hvilket som helst sideelement for å endre innholdet dynamisk via kode.

• angir hvor mye av en oppgave er fullført (ofte merket som prosentandel). Det forventes å bli endret via JavaScript-kode. HTML5-koden kan se ut som:

  Nå ødelegger verden. 
  fremgang:
  

  De fleste nettlesere indikerer fremdriften som vanlig tekst, men det er rimelig å anta at en viss visuell måler kan bli tilgjengelig.

Den nåværende HTML5 inneholder også et keygen element som genererer en krypteringsnøkkel for å sende kryptert data til en server. Den har en disse parameterne:

• keytype : Angir typen kryptering. (rsa er standard.)

• utfordring : En streng passert sammen med den offentlige nøkkelen. (Dette er vanligvis angitt av serveren.)

Noen sikkerhetseksperter anser imidlertid krypteringsmekanismen allerede foreldet, og bruk av verktøyet krever kunnskap om kryptering som et relativt lite antall webutviklere har. Dette elementet støttes ikke for øyeblikket i en hvilken som helst nettleser, og det kan ikke bli en del av standarden.