Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário completo com required em HTML 5

06-06-2013 23:45

Com o required do html5 é possível impedir o envio do formulário se o campo estiver vazio.

Nesse post, um formulário de exemplo onde é usado o required para verificar cada campo antes do envio.

<form> Nome <input type="text" name="" required><br /> Email <input type="email" name="" required><br /> Senha <input type="password" name="" required><br /> Data <input type="date" name="" required><br /> Hora <input type="time" name="" required><br /> Sexo <input type="radio" name="s" value="m" required> M <input type="radio" name="s" value="f" required> F<br /> Telefone <input type="text" name="" maxlength="8" required><br /> Número <select name="" required> <option></option> <option>1</option> </select><br /> cep <input type="number" pattern="[0-9]*" maxlength="5" required> Termo <input type="checkbox" name="" required><br /> <input type="submit"> </form>

0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário completo com required em HTML 5

07-06-2013 08:35

Mais uma dica para aumentar o campo número de tantos em tantos números, deve usar o step, exemplo:

<input type="number" pattern="[0-9]*" maxlength="5" step="5" required>

Input para data e hora em html 5

<input type="datetime-local" name="">

Input para receber url "adiciona o http://" quando o campo perde o foco.

<input type="url" name="">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado