Tutorial: Campos com Marca D’agua e Legenda

O Scriptcase permite desenvolver aplicações de Formulário com a funcionalidade de Marca D’agua na caixa de texto dos Campos e também adicionar legendas instrutivas abaixo do campo.

Marca D’agua, localizada dentro de um campo de formulário, é uma dica adicional, descrição ou exemplo da resposta desejada para um campo específico. Essas dicas geralmente desaparecem quando o usuário digita no campo.

Exemplo:

Nome do campo, Marca d’água ‘John Smith’ ou ‘Digite seu nome’.

A legenda de campos, assim como a marca d’agua, é uma dica adicional, descrição ou exemplo da resposta desejada para um campo específico, porém é localizada logo abaixo do campo.

Criando a aplicação de Formulário

Nota:

Caso tenha alguma dúvida de como criar um Formulário, acesse: Criando um novo Formulário


1. Crie uma nova aplicação do tipo Formulário, selecione a opção “Único Registro” e em seguida, selecione a tabela de exemplo “customers”.


2. Ainda na janela de criação da aplicação, caso deseje uma melhor exibição do Formulário, clique na aba “Editar Campos” e altere o Label dos campos, conforme é mostrado nas imagens abaixo.

Configurando Marca D’agua e Legenda em um Campo.

1. Podemos adicionar uma Marca D’agua e/ou Legenda à um Campo acessando a aba “Campos” no menu da aplicação, e logo em seguida, clicando sobre o campo que deseja incluir os recursos.

Aba de configuração dos Campos.

2. Clique na opção “Etiqueta abaixo do campo” e digite o conteúdo desejado para ser exibido na legenda abaixo do campo.

3. Clique na opção “Marca d’agua” e digite o conteúdo desejado para ser exibido dentgro da caixa de texto do Campo.

4. Finalmente, selecione o botão “Executar Aplicação” na barra de ferramentas para gerar o Formulário.


Para ver mais exemplos criados usando o Scriptcase, acesse: Exemplos: Sistemas Completos e Aplicações com Scriptcase.

Tutoriais na mesma categoria

Campo Avaliação

Neste tutorial, será criado um Formulário utilizando os campos de avaliações. Criando o Form...

Formulário Multi-Etapas

Neste tutorial veremos  como criar um formulário multi-etapas, deixando o formulário mais agradá...

Nova opção de Marca d’água

Nova opção para exibir a marca d'água do campo de data dentro do input, disponível para Formul...

Gerenciamento de Arquivos na Nuvem

Alguns dos serviços de armazenamento de dados estão prontos para ler e armazenar com segurança ...

Comente este post