HTML-koding i Nettskjema

HTML-koding brukes til ? inkludere lyd eller video, og enkelte typografiske elementer.

Vanlig redigering gj?res ved ? markere teksten og bruke menyen i editoren.

Noen typer markup (HTML-koder) mangler i editoren. Det er derfor ogs? mulig ? skrive inn markup manuelt ved ? velge knappen Kilde ved redigering.

kildeknappen

Av sikkerhetsmessige grunner er det ikke all koding som er tillatt. Markup som ikke er tillatt eller som er feil kodet fjernes automatisk ved lagring. Du kan legge inn markup i f?lgende felt:

Ved bygging/redigering av skjemaet

  • Sideelementer: Tittel og tekst
  • Sp?rsm?lselementer: Sp?rsm?lstekst, beskrivelse og svaralternativer
  • Matrisesp?rsm?l: Sp?rsm?lstekst og svaralternativer

Innstillinger

  • Melding p? kvitteringsside etter levert svar

  • Melding n?r maks antall svar er mottatt

N?r kun inviterte kan svare p? skjemaet:

  • Invitasjonsinnstillinger: Invitasjonstekst i e-post

  • P?minnelsesinnstillinger: P?minnelsestekst i e-post

Redigering av markup i kilderedigeringsmodus

Du kan ikke bruke tegnene < og > som parenteser, eller for ? markere korte deler av teksten, da dette vil tolkes som et ulovlig HTML-element og fjernes.

Du bruker egen HTML og CSS p? eget ansvar. Vi oppfordrer til forsiktighet. N?r du legger inn egen markup er det fort gjort ? gj?re visningen d?rligere p? mobile enheter og i gamle nettlesere.

Hvis du har behov for ? kode noe som ikke st?ttes (kode som slettes automatisk ved lagring), ta gjerne kontakt med oss: nettskjema@usit.uio.no.

Eksempler p? html- og css-kode som er tillatt:

Kode Resultat
<br /> Enkelt linjeskift
<hr /> Horisontal linje (uten linjeskift
<strong>Fet tekst</strong> Fet tekst
<em>Kursiv tekst</em> Uthevet (Kursiv) tekst
Senket skrift: H<sub>2</sub>O  H2O
Hevet skrift: E = mc<sup>2</sup>  E = mc2
<div style="color:blue;">Dette er en bl? setning.</div>
Dette er en bl? setning.

<span style="font-size:18">Blokk med skrift i 18px</span> [1]

Blokk (span) med skrift i 18 px
<p>Avsnittstekst..</p> Avsnittstekst..
<div style="font-size:18px;color:red">Blokk (div) med r?d skrift i 18pt</div> [2] Blokk (div) med r?d skrift i 18pt
<span style="font-size:75%">Min blokk med skrift i 75% st?rrelse av normal</span>
 
Min blokk med skrift i 75% st?rrelse av normal
[1]  <span>...</span> kan brukes p? del-tekster inne i annen tekstflyt
[2] <div>...</div>  brukes om hele avsluttede blokker av test/avsnitt/linjer

Lenke i knapp p? kvitteringssiden

For ? ?ke synligheten av en lenke som du ?nsker at respondenten skal f?lge er det mulig ? stilsette lenken som en knapp.

Koden for kvitteringstekst og knappestil registreres i feltet  "Melding p? kvitteringsside etter levert svar" p? innstillingssiden for skjemaet:

<p><strong>Tusen takk for at du vil v?re med p? konferansen!</strong><br />

Du er hjertelig velkommen, men <em>husk at du m? betale konferansen f?r p?meldingen er gyldig!</em></p>

<p></p><div><a class="receipt-link-as-button" href="" rel="noopener noreferrer" target="_blank">G? til betaling av konferansen n?!</a></div>

<p></p>

Teksten rel="noopener noreferrer" legges automatisk p? om den ikke finnes i din kode.

Delen som angir target="_blank" s?rger for at lenken ?pnes i et nytt vindu/ny fane. Om du utelater denne delen vil "klikk p?"-knappen ?pne den nye siden uten at startsiden med knappen holdes ?pen.

Lenker som stiles med knapp vil framst? som en vanlig lenke i kvitteringsteksten i svarkopi eller bekreftelse p? e-post.
Eksemplet vil se slik ut p? kvitteringssiden: 

Koding av video

Eksempelkode:

<video width="400" controls>

  <source src="http://www.med.uio.no/studier/ressurser/elaring/mediearkiv/fag/anatomi/bevegelsesapparatet/undersokelse/rygg/videos/03-54.mp4" type="video/mp4">

  Your browser does not support HTML5 video.

</video>

Resultat:

Koding av lyd

Eksempelkode:

<p>Forelesning i IBER1501 22. september del 1:
<audio controls>
  <source src="http://www.uio.no/studier/emner/hf/ilos/IBER1501/v17/lydopptak/IBER1501_Forelesning_22_september_del_1.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio></p>

Resultat:

Forelesning i IBER1501 22. september del 1:

 

Sl? av framdriftsindikator p? skjema

Hvis visningen av framdriftsindikatoren ikke fungerer bra for ditt skjema[1] kan du legge f?lgende til adressen for ? sl? av visningen:

<normal adresse til svaring>?hideProgressbar=1

Du vil alts? f? f?lgende endring av visning ved ? bruk det angitte tillegget p? adressen:

Skjermbilde med progressbar
Skjermbilde med progressbar
Skjermbilde uten progressbar
Skjermbilde uten progressbar

[1] Dette kan ikke gj?res for skjema som er innstilt slik at de kun kan besvares ved invitasjon inne fra Nettskjema.
Du m? ha tilgang til den direkte adressen til skjemaet, og det har du ikke for inviterte skjema.

Publisert 25. sep. 2017 22:02 - Sist endret 3. nov. 2021 12:02