<button>

The <button> tag provides a simple button. The button is rectangular and typically displays a text label describing its action. The button adjusts to fit the label.

Example 1. Simple button

<canvas height="30">	
  <button onclick="animate('x', 100, 1000, true)">
    Move me
  </button>
</canvas>

If you need to format the text using additional tags such as <b>, add the text inside the button tags instead of using the text attribute.

Example 2. XHTML button

<canvas height="30">	
  <button onclick="animate('x', 100, 1000, true)">
    Move <b>me</b>
  </button>
</canvas>

A <button> may contain both XHTML markup, and object tags such as <attribute> and <method>.

Example 3. XHTML button

<canvas height="30">	
  <button onclick="moveHoriz(5);">
    Move <b>me</b>
    <method name="moveHoriz" args="moveAmount">
      this.setAttribute("x", this.x+moveAmount);
    </method>
  </button>
</canvas>

• For details on how this component is constructed, see the Button section of the Component Design Guide.