Permitir somente caracteres numéricos no input
Veja com o é fácil restringir um campo de texto para que aceite somente números:
HTML
Nome: <input type=”text” name=”nome” value=”” /><br />
Número: <input type=”text” class=”number” name=”nome” value=”” />
Convertendo hyperlinks em uma SelectBox
Muitos de nós gostamos de adotar as práticas de SEO em nossos sites, não é? Pois veja um exemplo.
Eu gosto de utilizar select boxes para mudar as páginas de meus sites. Se não entendeu, veja aqui, no blog da Zatecus, no rodapé da página, um exemplo prático.
Desabilitando o autocomplete de formulários no HTML
A função auto-complete, presente na maioria dos navegadores modernos é bastante útil para poupar tempo na digitação de formulários.
Convertendo hyperlinks de string para HTML no PHP
Uma ótima função como solução para geração de hyperlinks automaticamente utilizando o PHP!
Select dos Estados em HTML
Segue abaixo um código em HTML com select que inclui a lista de estados do Brasil.
<select name="estados">
<option value="AC">Acre</option> <option value="AL">Alagoas</option>
<option value="AM">Amazonas</option>
<option value="AP">Amapá</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option> <option value="ES">Espirito Santo</option>
<option value="GO">Goiás</option> <option value="MA">Maranhão</option>
<option value="MG">Minas Gerais</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MT">Mato Grosso</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="PR">Paraná</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="RS">Rio Grande do Sul</option>
<option value="SC">Santa Catarina</option>
<option value="SE">Sergipe</option>
<option value="SP">São Paulo</option>
<option value="TO">Tocantins</option></select>
Caracteres Gregos no HTML
| α | α | Α | Α | β | β | Β | Β |
| γ | γ | Γ | Γ | δ | δ | Δ | Δ |
| ε | ε | Ε | Ε | ζ | ζ | Ζ | Ζ |
| η | η | Η | Η | θ | θ | Θ | Θ |
| ι | ι | Ι | Ι | κ | κ | Κ | Κ |
| λ | λ | Λ | Λ | μ | μ | Μ | Μ |
| ν | ν | Ν | Ν | ξ | ξ | Ξ | Ξ |
| ο | ο | Ο | Ο | π | π | Π | Π |
| ρ | ρ | Ρ | Ρ | σ | σ | Σ | Σ |
| ς | ς | τ | τ | Τ | Τ | υ | υ |
| Υ | Υ | φ | φ | Φ | Φ | χ | χ |
| Χ | Χ | ψ | ψ | Ψ | Ψ | ω | ω |
| Ω | Ω | ϑ | ϑ | ϒ | ϒ | ϖ | ϖ |
Outros Acentos e Caracteres Especiais no HTML
| ñ | ñ | Ñ | Ñ | ¡ | ¡ | ¿ | ¿ |
| ä | ä | Ä | Ä | å | å | Å | Å |
| ë | ë | Ë | Ë | è | ` | È | È |
| ï | ï | Ï | Ï | ì | ì | Ì | Ì |
| î | î | Î | Î | ||||
| ö | ö | Ö | Ö | ò | ò | Ò | Ò |
| ù | ù | Ù | Ù | û | û | Û | Û |
| ý | ý | Ý | Ý | ÿ | ÿ | Ÿ | Ÿ |
| æ | æ | Æ | Æ | œ | œ | Œ | Œ |
| † | † | ‡ | ‡ | š | š | Š | Š |
| þ | þ | Þ | Þ | ð | ð | Ð | Ð |
| § | § | ƒ | ƒ | ß | ß | µ | µ |
Caracteres Matemáticos e Lógicos no HTML
| ¹ | elevado a um | ¹ |
| ² | ao quadrado | ² |
| ³ | ao cubo | ³ |
| ½ | fração um meio | ½ |
| ¼ | fração um quarto | ¼ |
| ¾ | fração três quartos | ¾ |
| > | maior que | > |
| < | menor que | < |
| ± | mais ou menos | ± |
| − | sinal de subtração | − |
| × | sinal de multiplicação | × |
| ÷ | sinal de divisão | ÷ |
| ∗ | asterisco | ∗ |
| ⁄ | barra de fração | ⁄ |
| ‰ | por-mil | ‰ |
| ∫ | sinal de integral | ∫ |
| ∑ | somatório | ∑ |
| ∏ | PI | ∏ |
| √ | raiz quadrada | √ |
| ∞ | infinito | ∞ |
| ≈ | quase igual | ≈ |
| ≅ | aproximadamente igual | ≅ |
| ∝ | proporcional | ∝ |
| ≡ | idêntico | ≡ |
| ≠ | diferente | ≠ |
| ≤ | menor ou igual | ≤ |
| ≥ | maior ou igual | ≥ |
| ∴ | consequentemente | ∴ |
| ⋅ | ponto | ⋅ |
| · | ponto do meio | · |
| ∂ | diferença parcial | ∂ |
| ℑ | parte imaginária do número | ℑ |
| ℜ | parte real do número | ℜ |
| ′ | minuto | ′ |
| ″ | segundo | ″ |
| ° | grau | ° |
| ∠ | ângulo | ∠ |
| ⊥ | perpendicular | ⊥ |
| ∇ | nabla | ∇ |
| ⊕ | soma direta | ⊕ |
| ⊗ | produto de vetor | ⊗ |
| ℵ | alef | ℵ |
| ø | produto vazio | ø |
| Ø | produto vazio | Ø |
| ∈ | elemento de/pertence a | ∈ |
| ∉ | nã é elemento de | ∉ |
| ∩ | interseção | ∩ |
| ∪ | união | ∪ |
| ⊂ | subconjunto de | ⊂ |
| ⊃ | superconjunto de | ⊃ |
| ⊆ | subconjunto de ou igual a | ⊆ |
| ⊇ | superconjunto de ou igual a | ⊇ |
| ∃ | existe | ∃ |
| ∀ | qualquer | ∀ |
| ∅ | vazio | ∅ |
| ¬ | não lógico | ¬ |
| ∧ | e lógico | ∧ |
| ∨ | ou lógico | ∨ |
| ↵ | retorno de carro | ↵ |
| ← e → | setas simples | ← e → |
| ↑ e ↓ | setas simples | ↑ e ↓ |
| ↔ | seta simples | ↔ |
| ⇐ e ⇒ | setas duplas | ⇐ e &hrrr; |
| ⇑ e ⇓ | setas duplas | ⇑ e ⇓ |
| ⇔ | seta dupla | ⇔ |
| ⌈ e ⌉ | teto (esquerdo e direito) | ⌈ e ⌉ |
| ⌊ e ⌋ | piso (esquerdo e direito) | ⌊ e ⌋ |
| ◊ | losango | ◊ |
Caracteres Comerciais no HTML
| © | copyright | © |
| ® | marca registrada | ® |
| ™ | trade mark | ™ |
| £ | libra esterlina | £ |
| ¢ | centavo | ¢ |
| € | euro | € |
| ¥ | iene (yen) | ¥ |
| ¤ | símbolo monetário | ¤ |
Caracteres Especiais no HTML
| espaço | | |
| & | e comercial | & |
| > | maior que | > |
| < | menor que | < |
| ˆ | acento circunflexo | ˆ |
| ˜ | acento til | ˜ |
| ¨ | acento trema | ¨ |
| ´ | acento agudo | &cute; |
| ¸ | cedilha | ¸ |
| “ | aspas duplas | " |
| “ e ” | aspas duplas (esquerda e direita) | “ e ” |
| ‘ e ’ | aspas simples (esquerda e direita) | ‘ e ’ |
| ‹ e › | aspas angulares simples (esquerda e direita) | ‹ e › |
| « e » | aspas angulares duplas (esquerda e direita) | « e » |
| º | ordenal masculino | º |
| ª | ordinal feminino | ª |
| – | travessão ‘en’ | – |
| — | travessão ‘em’ | — |
| | hífen oculto | ­ |
| ¯ | macron | ¯ |
| … | reticências | … |
| ¦ | barra vertical | ¦ |
| • | marcador (bullet) | • |
| ¶ | parágrafo | ¶ |
| § | parágrafo legal | § |
| ♠ | espadas | ♠ |
| ♣ | paus | ♣ |
| ♥ | copas | ♥ |
| ♦ | ouros | ♦ |
Caracteres Acentuados no Português – Brasil
| á | á | Á | Á | ã | ã | Ã | Ã |
| â | â | Â | Â | à | à | À | À |
| é | é | É | É | ê | ê | Ê | Ê |
| í | í | Í | Í | ó | ó | Ó | Ó |
| õ | õ | Õ | Õ | ô | ô | Ô | Ô |
| ú | ú | Ú | Ú | ü | ü | Ü | Ü |
| ç | ç | Ç | Ç | ||||
Carregar a página ao passar o mouse em link no HMTL
<a href=”paginadois.html” onmouseover=”parent.location=’paginadois.html'”>seu link aqui</a>
Redirecionar a página no HTML
A página é trocada pela página colocada em url=” “, para ter mais tempo basta trocar o 5 por mais segundos. Ex.: 10 segundos, 120 segundos = 2 minutos, etc… ou 0 para redirecionar sem esperar por tempo nenhum.