Cinco dicas para layout de formulário div css podem ajudá-lo a controlar o formulário com mais flexibilidade e tornar a página mais satisfatória.
1. Seleção móvel para entrada de texto do formulário:
No campo de entrada de texto, se um prompt for adicionado, os visitantes geralmente terão que usar o mouse para selecioná-lo e excluí-lo e, em seguida, inserir informações úteis. Na verdade, contanto que você adicione o código onMouseOver="this.focus()" onFocus="this.select()" a <textarea>, tudo se tornará muito mais simples, como:
Exemplo de código-fonte [www.devdao.com ]< textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Inserir inglês..</textarea>
Da mesma forma, você pode adicionar código a <input>.
2. Clique para excluir a unidade de entrada do formulário:
Esta coluna tem a mesma função da anterior, mas há uma pequena mudança no uso do mouse. Você precisa clicar em vez de apenas cobri-la com o mouse como acima. Por exemplo:
Exemplo de código-fonte [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
Após clicar na unidade de entrada, a mensagem de prompt será excluída, não é muito conveniente?
3. Configurações de bordas das unidades de entrada de formulário:
Alterar as bordas das unidades de formulário tradicionais tornará sua página inicial mais colorida. Por exemplo:
Exemplo de código-fonte [www.devdao.com]<input type=radio name=action value=subscribe verificado style="BORDER-BOTTOM: tracejado 1px; BORDER-LEFT: tracejado 1px; BORDER-RIGHT: tracejado 1px; BORDER - SUPERIOR: tracejado 1px;cor de fundo: #FEF5C8">
Entre eles, "style = ***" são as configurações de cores esquerda, direita, superior, inferior e de fundo. É aplicável a outras unidades.
4. Configuração de texto da unidade de entrada do formulário:
A fonte da unidade no formulário pode ser modificada, como:
Exemplo de código-fonte [www.devdao.com]<input type=text name="address" size=19 value=" Digite,e -mail..." style=font-family:"verdana";font-size:10px >
Entre eles, "style=***" são as configurações de fonte e tamanho da fonte.
5. Modifique as propriedades do formulário para janelas pop-up:
Depois que a maioria dos formulários for ativada, eles serão abertos na página atual, afetando a navegação normal. É melhor modificá-lo, como:
Exemplo de código-fonte [www.devdao.com]<form method=POST action=url target=_blank>
Entre eles, “target=_blank” controla a abertura da janela pop-up.