Usando o Criador de formulário › Como especificar atributos HTML e JavaScript a um elemento

Como especificar atributos HTML e JavaScript a um elemento

Depois de adicionar um elemento a um formulário, é preciso definir os valores dos atributos HTML obrigatórios e opcionais do elemento ou dos atributos JavaScript obrigatórios para atingir o comportamento desejado do elemento. Os elementos geralmente possuem um ou dois atributos HTML obrigatórios e vários opcionais, além de funções JavaScript.

Os nomes de atributos obrigatórios são exibidos em negrito no Inspetor de itens quando o elemento é selecionado. Diferentes tipos de elementos têm diferentes atributos HTML obrigatórios. Por exemplo, a maioria dos elementos exige que seja definido o valor do atributo _id.

Os nomes de todos os atributos JavaScript começam com o prefixo "on", como onclick ou onmouseover. Esses atributos especificam a função JavaScript a ser chamada quando o usuário final do formulário executa uma ação; nesse caso, a ação a ocorrer quando o usuário clicar no elemento ou passar o mouse sobre o atributo.

Para especificar o valor de atributos HTML e JavaScript para elementos de um formulário, execute este processo:

1. Clique em Criador de serviços, Designer de formulários.

   A janela Designer de formulários é exibida, as pastas Componentes e Formulários são recolhidas na Árvore de componentes (painel esquerdo do Designer de formulários), e a Área de visualização (painel do meio do Designer de formulários) fica em branco.

2. Abra seu formulário; por exemplo, expanda a pasta Formulários, Meus formulários e selecione o formulário cujos elementos deseja configurar.

   O formulário selecionado é exibido na Área de visualização.

3. Clique no ícone ao lado do nome do formulário para expandir a pasta do formulário e exibir os elementos existentes.
4. Se você ainda não adicionou todos os elementos que deseja ao formulário, adicione elementos ao formulário.
5. Selecione o elemento cujos atributos deseja configurar.

   O Inspetor de itens (painel direito do Designer de formulários) exibe os nomes e valores de todos os atributos HTML e funções JavaScript disponíveis para o elemento selecionado. Os nomes dos atributos HTML obrigatórios são exibidos em negrito.

6. No Inspetor de itens, procure a coluna Nome e localize o atributo que deseja configurar.
7. Mova o cursor para o campo adjacente na coluna Valor e clique nele.

   A célula na qual você clicou fica em destaque e aberta para edição.

8. Digite o valor desse atributo.

   Por exemplo, se você estiver definindo o valor do atributo _id de um elemento de Campo de texto, pode digitar algo como Campo de quantidade, Campo de duração ou Campo de modelo.

   Observação: é preciso pressionar Enter para definir o valor; apenas digitar o valor sem pressionar Enter não define o valor. Um ícone em formato de triângulo vermelho é exibido no canto superior esquerdo do campo Valor depois de pressionar Enter.

9. Clique em Salvar na Área de visualização para salvar a alteração.
10. No mínimo, verifique se todos os atributos obrigatórios estão definidos com valores corretos.
11. Para obter uma lista completa e uma explicação de todos os atributos HTML para elementos, consulte Atributos HTML.
12. Para obter uma lista completa e uma explicação de todos os atributos JavaScript para elementos, consulte Atributos JavaScript.