Tilbage til Vidensbase

Domænetestwidget

Vil du have, at besøgende på din hjemmeside direkte kan starte en websitetest?
Kopier HTML- og CSS-koden fra tekstfelterne nedenfor ind i kildekoden på din hjemmeside.

HTML

<form action="https://internet.nl/site/" method="POST">
  <p>
    <img class="internetnl" src="https://internet.nl/static/logo_en.svg" alt="Er dit internet up-to-date?"/>
    <strong>Test dit domæne</strong>
  </p>
  <label for="internetnl-site-url">Dit domænenavn:</label>
  <input id="internetnl-site-url" type="text" inputmode="url" name="url" placeholder="www.example.nl">
  <button class="internetnl">Start testen</button>
</form>

CSS

img.internetnl {
  max-width: 100%;
  height: auto;
  float: none;
  clear: both;
  display: block;
}
button.internetnl:hover {
    cursor: pointer;
}
button.internetnl:hover,
button.internetnl:focus,
button.internetnl:active {
    background: #ffab4c;
}
button.internetnl {
    display: block;
    margin: 0 auto .5em;
    background: #fff;
    border: solid .3em #ffab4c;
    font-family: 'robotobold', arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
    border-radius: 18px;
    padding: .2em .5em;
}

Bemærkninger

Logo: Vi anbefaler, at du gemmer og bruger vores logo på din egen webserver. På den måde vil der ikke være nogen kontakt med vores webserver, når dit websted besøges.
Indholdssikkerhedspolitik (CSP): Hvis du bruger en CSP-politik til dit websted, skal du også tilføje internet.nl til reglerne for form-action og muligvis også for img-src, hvis du linker til logoet på vores webserver.