Hola mag5575:
Para poder programar eso en javascript, primero debes estudiar DOM, ya que esto te ayudará a tener control sobre los componentes de HTML, en este caso específico me refiero a las etiqueta INPUT, BUTTON y FORM, te recomiendo que estudies también sobre eventos, para esto te dejo algunos enlaces, si tienes buen manejo de ingles, no creo que el primer tutorial sea problema para tí.
Antes de estudiar esto, debes tener en cuenta 2 cosas, DOM es un API o interface que te permite manipular los elementos HTML, no hace parte de Javascript, pues si estuvieramos programando otro lenguaje de script web como VBScript, también se tendría acceso al DOM. Por eso es recomendable que estudies primero lo básico de HTML y javascript si no lo sabes, pero inevitablemente al estudiar estos dos, aparecerá el DOM de por medio, los enlaces que te dejo son para que estudies nociones sobre los diferentes temas que creo debes abordar.
Esto te lo aconsejo ya que:
1. Posiblemente más adelante quieras volver a programar algo en Javascript, o hacerle modificaciones, y para eso necesitas aprender los temas
2. Aunque parece que tengo algo de tiempo, ahora no te puedo ayudar a codificar todo, ya que estoy haciendo mi propio trabajo final. Además tanto muchas personas del foro como yo, preferimos ayudar e indicar como hacer las cosas, y quienes piden ayudan, intenten hacerlas por sus propios medios con nuestras indicaciones
3. Si ya sabes algo de HTML y Javascript, no te tomará mucho tiempo hacerlo.
4. Yo generalmente no utilizo CMS, por que prefiero codificar todo yo desde lo más básico, ya que así tengo total control sobre lo que hago. Solo utilizo CMS, cuando lo amerita o por que realmente no hay otra solución
El orden de estudio indicado sería el siguiente:
HTML/XHTML/HTML5:
HTML/XHTML:
w3Schools (En inglés)
Libros Web (XHTML, es solo una versión más estricta de HTML, nada del otro mundo)
HTML Ya
HTML5
w3Schools (En inglés)
theproc.es JAVASCRIPT w3Schools Libros web Javascript Ya DOM w3Schools Libros web (Este es un apartado del anterior enlace de javascript al igual que Eventos)
DHTML (La unión de HTML, Javascript y DOM, le dan nacimiento a lo que se conoce como HTML Dinámico, aunque también se puede usar CSS, por ahora no compete al tema)
Yo se que parece mucho que leer, pero tu lo que necesitas es enfocarte en 2 cosas básicas, Formularios HTML y Eventos, en 2 días ya tendrás el conocimiento necesario para hacer lo que quieras.
Exitos, y si necesitas cualquier otra cosa, pregunta.
PD: Si no tienes conocimientos básicos de programación, como estructuras de control, declaración de variables y operaciones, no podrás hacer nada, por eso ruego al universo que tengas esos conocimientos.