Formulários Bootstrap

Exemplo básico

Exemplo de texto de ajuda.

$form = new Dtiufv_Bootstrap_Formulario();

$email = new Dtiufv_Bootstrap_Formulario_Elemento_Email();
$email->setId('exemploEntradaEmail1');
$email->setRotulo('Endereço de email');
$email->setPreenchimento('Informe o email');
$form->adicioneItem($email);

$senha = new Dtiufv_Bootstrap_Formulario_Elemento_Senha();
$senha->setId('exemploEntradaSenha1');
$senha->setRotulo('Senha');
$senha->setPreenchimento('Senha');
$form->adicioneItem($senha);

$marcacao = new Dtiufv_Bootstrap_Formulario_Elemento_Arquivo();
$marcacao->setId('exemploEntradaArquivo1');
$marcacao->setRotulo('Entrada de marcacao');
$marcacao->setAjuda('Exemplo de texto de ajuda.');
$form->adicioneItem($marcacao);

$marcacao = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacao->setRotulo('Selecione aqui');
$form->adicioneItem($marcacao);

$enviar = new Dtiufv_Bootstrap_Formulario_Elemento_Submissao();
$enviar->setRotulo('Enviar');
$form->adicioneItem($enviar);

echo $form;

Formulário em fila

@
$form = new Dtiufv_Bootstrap_Formulario();
$form->setTipo('em-fila');

$email = new Dtiufv_Bootstrap_Formulario_Elemento_Email();
$email->setNome('exemploEntradaEmail2');
$email->setRotulo('Endereço de email');
$email->getRotulo()->setSomenteParaLeitorDeTela(true);
$email->setPrefixo('@');
$email->setPreenchimento('Informe o email');
$form->adicioneItem($email);

$senha = new Dtiufv_Bootstrap_Formulario_Elemento_Senha();
$senha->setNome('exemploEntradaSenha2');
$senha->setRotulo('Senha');
$senha->getRotulo()->setSomenteParaLeitorDeTela(true);
$senha->setPreenchimento('Senha');
$form->adicioneItem($senha);

$lembrar = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$lembrar->setRotulo('Lembrar de mim');
$form->adicioneItem($lembrar);

$entrar = new Dtiufv_Bootstrap_Formulario_Elemento_Submissao();
$entrar->setRotulo('Entrar');
$form->adicioneItem($entrar);

echo $form;

Formulário horizontal

Sem suporte.

Controles suportados

Entradas

$texto = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$texto->setPreenchimento('Entrada de texto');
$form = new Dtiufv_Bootstrap_Formulario();
$form->adicioneItem($texto);
echo $form;

Área de texto

$areatexto = new Dtiufv_Bootstrap_Formulario_Elemento_AreaTexto();
$areatexto->setPreenchimento('Área de texto');
$areatexto->setLinhas(3);
$form = new Dtiufv_Bootstrap_Formulario();
$form->adicioneItem($areatexto);
echo $form;

Marcação múltipla e única

Padrão (empilhado)

$form = new Dtiufv_Bootstrap_Formulario();

$marcacao1 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacao1->setRotulo('Opção 1');
$form->adicioneItem($marcacao1);

$marcacao2 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacao2->setRotulo('Opção 2 (desabilitada)');
$marcacao2->setHabilitado(false);
$form->adicioneItem($marcacao2);

echo $form;

$form = new Dtiufv_Bootstrap_Formulario();

$marcacao1 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoUnica();
$marcacao1->setNome('opcoes');
$marcacao1->setRotulo('Opção 1');
$marcacao1->setMarcado(true);
$form->adicioneItem($marcacao1);

$marcacao2 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoUnica();
$marcacao2->setNome('opcoes');
$marcacao2->setRotulo('Opção 2');
$form->adicioneItem($marcacao2);

$marcacao3 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoUnica();
$marcacao3->setNome('opcoes');
$marcacao3->setRotulo('Opção 3 (desabilitada)');
$marcacao3->setHabilitado(false);
$form->adicioneItem($marcacao3);

echo $form;

Em fila

$form = new Dtiufv_Bootstrap_Formulario();

$marcacao1 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacao1->setDisposicao('em-fila');
$marcacao1->setRotulo('1');
$form->adicioneItem($marcacao1);

$marcacao2 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacao2->setDisposicao('em-fila');
$marcacao2->setRotulo('2');
$form->adicioneItem($marcacao2);

$marcacao3 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacao3->setDisposicao('em-fila');
$marcacao3->setRotulo('3');
$form->adicioneItem($marcacao3);

echo $form;

$form = new Dtiufv_Bootstrap_Formulario();

$marcacao1 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoUnica();
$marcacao1->setDisposicao('em-fila');
$marcacao1->setNome('opcoes');
$marcacao1->setRotulo('1');
$form->adicioneItem($marcacao1);

$marcacao2 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoUnica();
$marcacao2->setDisposicao('em-fila');
$marcacao2->setNome('opcoes');
$marcacao2->setRotulo('2');
$form->adicioneItem($marcacao2);

$marcacao3 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoUnica();
$marcacao3->setDisposicao('em-fila');
$marcacao3->setNome('opcoes');
$marcacao3->setRotulo('3');
$form->adicioneItem($marcacao3);

echo $form;

Elementos de marcação sem rótulo

$form = new Dtiufv_Bootstrap_Formulario();

$marcacao1 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$form->adicioneItem($marcacao1);

$marcacao2 = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoUnica();
$form->adicioneItem($marcacao2);

echo $form;

Seleções

$form = new Dtiufv_Bootstrap_Formulario();

$selecao1 = new Dtiufv_Bootstrap_Formulario_Elemento_SelecaoUnica();
for ($i = 1; $i <= 5; $i++) {
    $opcao = new Dtiufv_Bootstrap_Formulario_OpcaoElemento();
    $opcao->setRotulo($i);
    $selecao1->adicioneOpcao($opcao);
}
$form->adicioneItem($selecao1);

$selecao2 = new Dtiufv_Bootstrap_Formulario_Elemento_SelecaoMultipla();
for ($i = 1; $i <= 5; $i++) {
    $opcao = new Dtiufv_Bootstrap_Formulario_OpcaoElemento();
    $opcao->setRotulo($i);
    $selecao2->adicioneOpcao($opcao);
}
$form->adicioneItem($selecao2);

echo $form;

Controle estático

email@exemplo.com

$form = new Dtiufv_Bootstrap_Formulario();

$email = new Dtiufv_Bootstrap_Formulario_Elemento_Estatico();
$email->setRotulo('Email');
$email->setValor('email@exemplo.com');
$form->adicioneItem($email);

$senha = new Dtiufv_Bootstrap_Formulario_Elemento_Senha();
$senha->setId('entradaSenha');
$senha->setRotulo('Senha');
$senha->setPreenchimento('Senha');
$form->adicioneItem($senha);

echo $form;

email@exemplo.com

$form = new Dtiufv_Bootstrap_Formulario();
$form->setTipo('em-fila');

$email = new Dtiufv_Bootstrap_Formulario_Elemento_Estatico();
$email->setRotulo('Email');
$email->getRotulo()->setSomenteParaLeitorDeTela(true);
$email->setValor('email@exemplo.com');
$form->adicioneItem($email);

$senha = new Dtiufv_Bootstrap_Formulario_Elemento_Senha();
$senha->setId('entradaSenha');
$senha->setRotulo('Senha');
$senha->getRotulo()->setSomenteParaLeitorDeTela(true);
$senha->setPreenchimento('Senha');
$form->adicioneItem($senha);

$botao = new Dtiufv_Bootstrap_Formulario_Elemento_Botao();
$botao->setRotulo('Confirmar identidade');
$form->adicioneItem($botao);

echo $form;

Estado de foco

$texto = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$texto->setPreenchimento('Coloque o cursor aqui');

$form = new Dtiufv_Bootstrap_Formulario();
$form->adicioneItem($texto);
echo $form;

Estado desabilitado

$texto = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$texto->setHabilitado(false);
$texto->setPreenchimento('Entrada desabilitada');

$form = new Dtiufv_Bootstrap_Formulario();
$form->adicioneItem($texto);
echo $form;

Conjuntos desabilitados

Conjunto desabilitado
$conjunto = new Dtiufv_Bootstrap_Formulario_ConjuntoElementos();
$conjunto->setHabilitado(false);
$conjunto->setRotulo('Conjunto desabilitado');

$entrada = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$entrada->setHabilitado(false);
$entrada->setRotulo('Entrada desabilitada');
$entrada->setPreenchimento('Entrada desabilitada');
$conjunto->adicioneItem($entrada);

$selecao = new Dtiufv_Bootstrap_Formulario_Elemento_SelecaoUnica();
$selecao->setHabilitado(false);
$selecao->setRotulo('Menu de seleção desabilitado');
$opcao = new Dtiufv_Bootstrap_Formulario_OpcaoElemento();
$opcao->setRotulo('Seleção desabilitada');
$selecao->adicioneOpcao($opcao);
$conjunto->adicioneItem($selecao);

$marcacao = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacao->setRotulo('Marcação desabilitada');
$conjunto->adicioneItem($marcacao);

$botao = new Dtiufv_Bootstrap_Formulario_Elemento_Botao();
$botao->setRotulo('Enviar');
$conjunto->adicioneItem($botao);

$form = new Dtiufv_Bootstrap_Formulario();
$form->adicioneItem($conjunto);
echo $form;

Estado somente de leitura

$texto = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$texto->setSomenteLeitura(true);
$texto->setPreenchimento('Entrada somente de leitura');

$form = new Dtiufv_Bootstrap_Formulario();
$form->adicioneItem($texto);
echo $form;

Estados de validação

$form = new Dtiufv_Bootstrap_Formulario();

$entradaSucesso = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$entradaSucesso->setEstado('sucesso');
$entradaSucesso->setRotulo('Entrada com sucesso');
$form->adicioneItem($entradaSucesso);

$entradaAviso = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$entradaAviso->setEstado('aviso');
$entradaAviso->setRotulo('Entrada com aviso');
$form->adicioneItem($entradaAviso);

$entradaErro = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$entradaErro->setEstado('erro');
$entradaErro->setRotulo('Entrada com erro');
$form->adicioneItem($entradaErro);

$marcacaoSucesso = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacaoSucesso->setEstado('sucesso');
$marcacaoSucesso->setRotulo('Marcação com sucesso');
$form->adicioneItem($marcacaoSucesso);

$marcacaoAviso = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacaoAviso->setEstado('aviso');
$marcacaoAviso->setRotulo('Marcação com aviso');
$form->adicioneItem($marcacaoAviso);

$marcacaoErro = new Dtiufv_Bootstrap_Formulario_Elemento_MarcacaoMultipla();
$marcacaoErro->setEstado('erro');
$marcacaoErro->setRotulo('Marcação com erro');
$form->adicioneItem($marcacaoErro);

echo $form;

Com ícones opcionais

Sem suporte.

Ícones opcionais em formulários em fila e horizontais

Sem suporte.

Ícones opcionais com rótulos somente para leitores de tela

Sem suporte.

Dimensionamento de controles

Dimensionamento vertical

$form = new Dtiufv_Bootstrap_Formulario();

$entradaGrande = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$entradaGrande->setTamanho('grande');
$entradaGrande->setPreenchimento('Entrada grande');
$form->adicioneItem($entradaGrande);

$entradaPadrao = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$entradaPadrao->setTamanho('normal');
$entradaPadrao->setPreenchimento('Entrada padrão');
$form->adicioneItem($entradaPadrao);

$entradaPequena = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$entradaPequena->setTamanho('pequeno');
$entradaPequena->setPreenchimento('Entrada pequena');
$form->adicioneItem($entradaPequena);

$selecaoGrande = new Dtiufv_Bootstrap_Formulario_Elemento_SelecaoUnica();
$selecaoGrande->setTamanho('grande');
$opcao = new Dtiufv_Bootstrap_Formulario_OpcaoElemento();
$opcao->setRotulo('Seleção grande');
$selecaoGrande->adicioneOpcao($opcao);
$form->adicioneItem($selecaoGrande);

$selecaoPadrao = new Dtiufv_Bootstrap_Formulario_Elemento_SelecaoUnica();
$selecaoPadrao->setTamanho('normal');
$opcao = new Dtiufv_Bootstrap_Formulario_OpcaoElemento();
$opcao->setRotulo('Seleção padrão');
$selecaoPadrao->adicioneOpcao($opcao);
$form->adicioneItem($selecaoPadrao);

$selecaoPequena = new Dtiufv_Bootstrap_Formulario_Elemento_SelecaoUnica();
$selecaoPequena->setTamanho('pequeno');
$opcao = new Dtiufv_Bootstrap_Formulario_OpcaoElemento();
$opcao->setRotulo('Seleção pequena');
$selecaoPequena->adicioneOpcao($opcao);
$form->adicioneItem($selecaoPequena);

echo $form;

Tamanhos de grupos de formulários horizontais

Não suportado.

Dimensionamento de colunas

Não suportado.

Texto de ajuda

Bloco de texto de ajuda com quebra automática de linha e que pode ir além do comprimento do elemento.

$texto = new Dtiufv_Bootstrap_Formulario_Elemento_Texto();
$texto->setRotulo('Entrada com texto de ajuda');
$texto->setAjuda('Bloco de texto de ajuda com quebra automática de linha e que pode ir além do comprimento do elemento.');

$form = new Dtiufv_Bootstrap_Formulario();
$form->adicioneItem($texto);
echo $form;