Realmente tu pregunta es un tema de CSS. Muevo el tema para allá.
Pues usando CSS no tienes mayor problema, puedes añadir todo eso que dices, esquinas redondeadas, bordes, transiciones, etc.
Por ejemplo:
Código CSS:
Ver originalinput {
background: grey;
border-radius: 5px;
padding: 10px;
transition: background .4s ease-out;
}
input:focus {
background: white;
}
Pero antes de hacer todo esto, deberías de revisar todo tu código HTML ya que tienes muchísimos fallos:
- Falta un
doctype - Usas etiquetas descatalogadas desde hace 14 años (font, center...)
- Uso de tablas para la maquetación
- Repites la etiqueta
body - Atributos descatalogados (align, bgcolor...)
Básicamente leer un manual de HTML y otro de CSS:
librosweb.es