Menu

Sobre Acessibilidade na web

Guia para tornar páginas web acessíveis

Sobre este sítio

Conteúdo
Guia para tornar páginas web acessíveis

Formulários

Recomendação

Html/Xhtml

Exemplo 1



<form>

  <label for="nome">Nome:</label> 
  <input type="text" value="Entre com o nome"
   id="nome" tabindex="1" />

  <label for="ramal">Ramal:</label> 
  <input type="text" value="Entre com o ramal"
  id="ramal" tabindex="2" />

  <input type="submit" value="Enviar"
  name="Submit" tabindex="3"  />

</form>

Exemplo 2

Dados pessoais


Escolaridade: Escolaridade
Escolaridade
Esporte:

Opinião:
<form>

<fieldset>
  <legend>Dados pessoais</legend> 
  <label for="nome">Nome:</label> 
  <input type="text" value="Entre
   com o nome" id="nome" />
  <label for="comentario">Comentário:</label>
  <textarea id="comentario" name="textfield">
   Entre com o comentário</textarea>
</fieldset>
 
<fieldset>
  <legend>Escolaridade:</legend> 
  <input id="primeiro" type="radio"
   name="radio" value="radio" checked/>
  <label for="primeiro">Escolaridade 1º
  grau</label><br />
  <input id="segundo" type="radio"
   name="radio" value="radio" />
  <label for="segundo">Escolaridade 2º
  grau</label><br />
  <input id="superior" type="radio"
   name="radio" value="radio" />
  <label for="superior">Escolaridade
  superior</label> 
</fieldset>

<fieldset>
  <legend>Esporte:</legend>
  <input id="natacao" type="checkbox" 
   name="checkbox" value="checkbox" />
  <label for="natacao">Natação</label><br />
  <input id="futebol" type="checkbox"
   name="checkbox2" value="checkbox" />
  <label for="futebol">Futebol</label><br />
  <input id="basquete" type="checkbox"
   name="checkbox3" value="checkbox" />
  <label for="basquete">Basquete</label>
</fieldset>

<fieldset>
  <legend>Opinião:</legend>
  <label for="domingo">Seu domingo foi:
  </label>
  <select id="domingo">
  <optgroup label="Positivo">
  <option selected>Selecione:</option>
  <option>Ótimo</option>
  <option>Muito bom</option>
  <option>Bom</option>
  </optgroup>
  <optgroup label="Negativo">
  <option>Ruim</option>
  <option>Péssimo</option>
  </optgroup>
  </select>
</fieldset>

  <input type="submit"
   name="Submit" value="Enviar" />
  <input type="submit"
   name="Submit" value="Limpar campos" />
 
</form>

Referência WCAG 1.0

Imprimir esta página