HTML Tutorial

HTML-tagg: <output>

Användning av <output>

Taggen används för att visa resultatet av en beräkning eller något annat som genereras av ett skript. Den kan användas för att visa resultat i formulär, från en kalkylator eller från en spelapplikation.

Attribut för <output>

  • for:Anger ID:t för ett inputfält eller en knapp som genererar resultatet.
  • name: Anger ett namn på resultatet som kan användas av skript.
  • form:anger ID:t för formuläret som resultatet tillhör.

Exempel med <output>

<form>
  <input type="number" id="tal1">
  <input type="number" id="tal2">
  <button type="submit">Addera</button>
  <output name="resultat" for="tal1 tal2"></output>
</form>

I detta exempel kommer taggen <output> att visa summan av värdena i inputfälten "tal1" och "tal2" när knappen "Addera" klickas.

Utforska taggen <output>

För att utforska taggen <output> kan du använda följande HTML-exempel:

<!DOCTYPE html>
<html>
<head>
  <title>Output</title>
</head>
<body>
  <h1>Utforska taggen <output></h1>
  <form>
    <label for="tal1">Tal 1:</label>
    <input type="number" id="tal1">
    <br>
    <label for="tal2">Tal 2:</label>
    <input type="number" id="tal2">
    <br>
    <button type="submit">Addera</button>
    <br>
    <output name="resultat" for="tal1 tal2"></output>
  </form>
</body>
</html>

När du har skapat filen öppnar du den i en webbläsare och skriver in två tal i inputfälten. Klicka sedan på knappen "Addera" och resultatet av additionen kommer att visas i taggen <output>.