Revision 294623 of command

  • Revision slug: HTML/Element/command
  • Revision title: command
  • Revision id: 294623
  • Created:
  • Creator: LeonardoPacheco
  • Is current revision? No
  • Comment

Revision Content

{{ HTMLVersionHeader(5) }}

Sumário

Edit section

O elemento command representa um comando que o usuário pode chamar.

Contexto de uso

Categorias de conteúdo Flow content, phrasing content
Elementos permitidos Nenhum, é um elemento vazio.
Omissão de tag Deve ter uma tag inicial, mas não deve ter uma tag final.
Elementos pais permitidos Qualquer elemento que aceite phrasing content.
Documento normativo HTML5, section 4.11.3

Atributos

Como todos ou outros elementos HTML, esse elemento suporta os global attributes.

{{ htmlattrdef("checked") }}
Indica se o comando está selecionado ou não. Deve ser omitido a não ser que o atributo type seja checkbox ou radio.
{{ htmlattrdef("disabled") }}
Indica que o elemento não está disponível.
{{ htmlattrdef("icon") }}
Atribui uma figura para representar o comando.
{{ htmlattrdef("label") }}
O nome do comando, como será mostrado para o usuário.
{{ htmlattrdef("radiogroup") }}
Esse atributo dá o nome de um grupo de comandos, com type sendo radio, que vai ser ativado quando o comando for ativado. Esse atributo deve ser omitido a não ser que o atributo type seja radio.
{{ htmlattrdef("type") }}
Esse atributo indica o tipo do comando. Pode ter somente os seguintes valores:
  • command ou vazio que é o estado padrão e indica que é um comando normal.

  • checkbox indica que o comando pode ser alternado utilizando uma caixa de seleção.

  • radio indica que o comando pode ser alternado utilizando uma radiobutton.

Interface do DOM

Esse elemetno implementa a interface HTMLCommandElement.

Exemplos

<command type="command" label="Save" icon="icons/save.png" onclick="save()">

Compatibilidade de navegadores

{{ CompatibilityTable() }}

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}
Recurso Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

 

{{ languages( { "zh-cn": "zh-cn/HTML/Element/command" } ) }}

Revision Source

<p>{{ HTMLVersionHeader(5) }}</p>
<h2 class="editable" id="Summary">Sumário</h2>
<div class="editIcon">
  <h2 class="editable" id="sect1"><a href="/en/HTML/Element/a#" style="visibility: hidden;" title="Edit section"><span class="icon"><img alt="Edit section" class="sectionedit" src="../../../../skins/common/icons/icon-trans.gif" /></span></a></h2>
</div>
<p>O elemento <code>command </code>representa um comando que o usuário pode chamar.</p>
<h2 id="Usage_context">Contexto de uso</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <td>Categorias de conteúdo</td>
      <td><a href="/en/HTML/Content_categories#Flow_content" title="en/HTML/Content categories#Flow content">Flow content</a>, <a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">phrasing content</a></td>
    </tr>
    <tr>
      <td>Elementos permitidos</td>
      <td>Nenhum, é um elemento vazio.</td>
    </tr>
    <tr>
      <td>Omissão de tag</td>
      <td>Deve ter uma tag inicial, mas não deve ter uma tag final.</td>
    </tr>
    <tr>
      <td>Elementos pais permitidos</td>
      <td>Qualquer elemento que aceite <a href="/en/HTML/Content_categories#Phrasing_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
    </tr>
    <tr>
      <td>Documento normativo</td>
      <td><a class="external" href="http://dev.w3.org/html5/spec/Overview.html#the-command" title="http://dev.w3.org/html5/spec/Overview.html#the-command">HTML5, section 4.11.3</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Attributes">Atributos</h2>
<p>Como todos ou outros elementos HTML, esse elemento suporta os <a href="/en/HTML/Global_attributes" title="en/HTML/Global attributes">global attributes</a>.</p>
<dl>
  <dt>
    {{ htmlattrdef("checked") }}</dt>
  <dd>
    Indica se o comando está selecionado ou não. Deve ser omitido a não ser que o atributo <code>type</code> seja <code>checkbox </code>ou <code>radio</code>.</dd>
  <dt>
    {{ htmlattrdef("disabled") }}</dt>
  <dd>
    Indica que o elemento não está disponível.</dd>
  <dt>
    {{ htmlattrdef("icon") }}</dt>
  <dd>
    Atribui uma figura para representar o comando.</dd>
  <dt>
    {{ htmlattrdef("label") }}</dt>
  <dd>
    O nome do comando, como será mostrado para o usuário.</dd>
  <dt>
    {{ htmlattrdef("radiogroup") }}</dt>
  <dd>
    Esse atributo dá o nome de um grupo de comandos, com <code>type</code> sendo <code>radio</code>, que vai ser ativado quando o comando for ativado. Esse atributo deve ser omitido a não ser que o atributo <code>type</code> seja <code>radio</code>.</dd>
  <dt>
    {{ htmlattrdef("type") }}</dt>
  <dd>
    Esse atributo indica o tipo do comando. Pode ter somente os seguintes valores:
    <ul>
      <li>
        <p><code>command</code> ou vazio que é o estado padrão e indica que é um comando normal.</p>
      </li>
      <li>
        <p><code>checkbox</code> indica que o comando pode ser alternado utilizando uma caixa de seleção.</p>
      </li>
      <li>
        <p><code>radio</code> indica que o comando pode ser alternado utilizando uma radiobutton.</p>
      </li>
    </ul>
  </dd>
</dl>
<h2 id="DOM_interface">Interface do DOM</h2>
<p>Esse elemetno implementa a interface <code><a href="/en/DOM/HTMLCommandElement" rel="internal">HTMLCommandElement</a></code>.</p>
<h2 id="Examples">Exemplos</h2>
<pre class="brush: html">
&lt;command type="command" label="Save" icon="icons/save.png" onclick="save()"&gt;
</pre>
<h2 id="Browser_Compatibility">Compatibilidade de navegadores</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Recurso</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Suporte básico</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Recurso</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Suporte básico</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
        <td>{{ CompatNo() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<p>&nbsp;</p>
<p>{{ languages( { "zh-cn": "zh-cn/HTML/Element/command" } ) }}</p>
Revert to this revision