(RESPONDIDO) Validação de formulário (data e cpf) html5

Assuntos Gerais
#1

Olá, estou desenvolvendo umas telas para um projeto e gostaria de saber se vocês podem me ajudar com uma parte da validação. Em relação ao cpf, eu queria que o código só permita que o usuário digite números. Eu já tentei colocando o type=“number” mas ele só permite que seja digitado um único número (com aquelas setinhas pra cima e pra baixo que permite que aumente e diminua o número). Eu gostaria que fosse diretamente pelo html5, sem precisar de javaScript ou alguma outra linguagem.
Em relação a data, eu queria saber como eu faço para que o usuário digite apenas os números e o código ponha automaticamente as separações (a barra / ). Vou colocar meu código abaixo se por acaso venham a precisar ver.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
<title>Cadastro PF</title>
</head>
<body>

	<div id="corpo">
    
    	<header id="topo">
                <h1></h1>
        </header>
        
        <section>
        	<header id="topo1">
            <p><b>Cadastro de Pessoa Física</b></p>
            </header>
        
         	<article id="texto" align="center">
        	</article>
        
        	<article id="formulario1">
       			<form>
				   Sexo: &nbsp <input type="radio" name="sexo" value="feminino">Feminino &nbsp &nbsp
					<input type="radio" name="sexo" value="Masculino">Masculino   <br><br>
				<p>
                Nome: <input type="text"  name="nome" value="" size="55" maxlength="50" required/><br /> <br />
				Endereço: <input type="text"  name="endereco" value="" size="51" maxlength="50" required/><br /> <br />
				Data de nascimento: <input type="date" name="nascimento" value=""  maxlength="50" required /><br /> <br />
                Cidade: <input type="text"  name="cidade" value="" size="21" maxlength="50" required/>  &nbsp  
				CPF: <input type="text"  name="cpf" value="" size="18" maxlength="50" required/><br /> <br />				
                Estado: <input type="text"  name="estado" value="" size="18" maxlength="50" required/> &nbsp
				País: <input type="text"  name="pais" value="" size="18" maxlength="50" required/><br /> <br />
                <div id="email">
				Email: <input name="email" type="email" size=30 placeholder="email@seuprovedor.com.br" required/>
				</div><br /> <br />
                Telefone Principal: <input type="tel"  name="telefone" value="" size="15" placeholder="(ddd) 0000-0000" maxlength="15" required/><br /> <br />
				Telefone Secundário: <input type="tel"  name="telefone" value="" size="15" placeholder="(ddd) 0000-0000" maxlength="15" required/><br /> <br />
                Login: <input type="text"  name="login" value="" size="55" maxlength="20"/ required><br /> <br />
                Senha: <input type="password"  name="senha" value="" size="55" maxlength="15"/><br /> <br /><br />
           		<div align="center">
                			
				<form action="Sucesso.html">
					<input type="submit" name="ok" value="         OK          " size="15" >
				</form>
				<p>
				<p>
				<p>
				<form action="index.html">
					<input type="submit" name="Cancelar" value="    Cancelar     " size="15" >
				</form>
							
				
				
                </div>
                </form>

       		</article>
            <br/><br/> <br/><br/> <br/>
            
            
        </section>
        
        <footer id="rodape">
                    Beatriz de Brito<br>
                    Todos os direitos reservados ©
        </footer>
    
    </div>


<body>
</body>
</html>

Agradeço desde já.

#2

Olha, embora o HTML5 tenha implementado diversos recursos que facilitam e muito a criação de uma pagina, ele não dispensa o uso de JS, php, jquery, entre outros recursos de desenvolvimento web.

Creio eu que a melhor forma de fazer isso seja via JS, vendo que JS é facil de trabalhar.
O melho site que eu conheço com informações sobre desenvolvimento web seria o http://www.w3schools.com/js/default.asp que seguem os melhores padrões da W3C.

#3

Hmm entendo, vou seguir o seu conselho. E esse site é realmente muito bom, tem me ajudado bastante. ^^

#4