mo-form-dynamic-002-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>&lt;mo&gt; dynamic form</title>

    <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

    <style>

      math, math * {

          font: 60px/1 Ahem;

      mo {

          color: blue;

    </style>

  </head>

  <body>

<p>

      <math>

        <mn>1</mn><mo id="infix_attach_prefix" form="prefix">+</mo><mn>2</mn>

      </math>

    </p>

<p>

      <math>

        <mo id="prefix_attach_infix" form="infix">+</mo><mn>3</mn>

      </math>

    </p>

<p>

      <math>

        <mn>1</mn><mo id="infix_remove">+</mo><mn>2</mn>

      </math>

    </p>

<p>

      <math>

        <mo id="prefix_remove">+</mo><mn>3</mn>

      </math>

    </p>

<p>

      <math>

        <mn>1</mn><mo id="infix_set_to_prefix" form="prefix">+</mo><mn>2</mn>

      </math>

    </p>

<p>

      <math>

        <mo id="prefix_set_to_infix" form="infix">+</mo><mn>3</mn>

      </math>

    </p>

  </body>

</html>