Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 4 Próxima »

Função

O componente Entrada de texto flutuante é utilizado quando se quer obter dados de entrada. Esse componente se diferencia dos demais por exibir o título somente quando o usuário começa a digitar o conteúdo no campo.


Figura 1 - Exemplo do componente e seus 2 estados: antes e depois de inserir o texto

Principais propriedades

Na tabela abaixo estão descritas as principais propriedades do componente.

Nome

Propriedade

Função

Conteúdo

content

Texto que será exibido no título do campo quando o usuário inserir o texto.

Valor

ng-model

Propriedade AngularJS que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.

Tipo

type

Propriedade usada para definir o tipo de entrada, exemplo: data, financeiro, e-mail e outros. (valor padrão: text).

Sugestão

placeholder

Exibe um exemplo de resposta para o usuário quando o campo está vazio. Para esse componente, normalmente essa propriedade contém o mesmo texto da propriedade Conteúdo.

Máscara

mask

Propriedade de máscara aplicado ao campo de entrada de texto. Ver mais em Máscaras HTML.

Sugestão de Máscara

mask-placeholder

Exibe um exemplo de resposta no momento que o usuário insere os dados, os caracteres são substituídos à medida que o usuário digita.
Essa propriedade só deve ser utilizada em campos do tipo texto usando máscaras de CPF, CNPJ, telefone e outras.

Tipo de Teclado

keyboard

Específica qual será o tipo de teclado que será exibido no Smartphone do usuário quando esse campo for utilizado.

Identificador

id

Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.

Exibir

ng-show

Propriedade AngularJS usada para mostrar ou oculta o componente.

Segurança

cronapp-security

Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.

Classes CSS

class

Adiciona classes CSS que já foram criadas.

Nome em inglês

Float Input


Nessa página


Compatibilidade

  • Formulário mobile


Equivalente web

Não possui.


Botão do Componente


Imagem no Editor Visual


  • Sem rótulos