webnoticias, publicación de artículos gratis, participación ciudadana, notas de prensa
Publicar es gratis, sólo tienes que registrarte y escribir.
  Usuario: Clave:    
   
 
Documento sin título
 
Documento sin título
 
Documento sin título
 
Documento sin título
 
Documento sin título
Home
Xnechijli01 10/23/2019 10:49:02 PM
Xnechijli01
Creación de listas con javascript
Usar javascript para crear listas
votos 0 comentarios 0 enviar vínculo a un amigo
Tags JavaScript
 
La creación de listas en páginas web con javascript
 

Navegación de palanca

Diseño y desarrollo web en JavaScript sobre cómo crear listas desplegables para programación HTML5 y CSS3. Todo esto como parte de nuestro curso de JavaScript, que estaremos publicando. 

Cómo crear listas 

La forma más obvia de usar JavaScript para garantizar que el usuario ingrese algo válido en la página HTML5 es proporcionarle opciones válidas. La lista desplegable es una forma obvia y fácil de hacer esto.

El enfoque de cuadro de lista tiene muchas ventajas sobre la entrada de campo de texto:

El usuario puede ingresar con el mouse, que es más rápido y más fácil que escribir.

No debería tener ningún error ortográfico porque el usuario no escribió la respuesta.

El usuario conoce todas las respuestas disponibles porque están en la lista.

Puedes estar seguro de que el usuario da una respuesta válida porque tu le proporcionaste las posibles respuestas.

Las respuestas del usuario pueden asignarse a valores más complejos; por ejemplo, puedez mostrarle al usuario Rojo y hacer que el cuadro de lista devuelva el valor hexadecimal # FF0000.

Cómo construir el formulario

Cuando creas una lista predefinida de opciones, primero define el formulario HTML porque este contiene todos los elementos que necesitará para la función. El código es una forma estándar:

  <body>
 <form action = ">
  <h1>Please select a color</h1>
  <fieldset>
  <select id = "selColor">
   <option value = "#FFFFFF">White</option>
   <option value = "#FF0000">Red</option>
   <option value = "#FFCC00">Orange</option>
   <option value = "#FFFF00">Yellow</option>
   <option value = "#00FF00">Green</option>
   <option value = "#0000FF">Blue</option>
   <option value = "#663366">Indigo</option>
   <option value = "#FF00FF">Violet</option>
  </select>
  <input type = "button"
    value = "change color"
    onclick = "changeColor()" />
  </fieldset>
 </form>
 </body>
</html>

En la siguiente te explicaremos los pormenores de este código, y también ampliaremos el tema. Por el momento, puedes ver nuestro curso de PHP orientado a páginas dinámicas. También puedes ver el curso de Kotlin. Con esto mejorará tu diseño y desarrollo web. 
 

Te gustó esta nota, compártela con tus amigos
ico_copada.gif ico_delicious.png ico_enchilame.gif ico_facebook.png ico_fresqui.gif ico_google.gif ico_meneame.gif ico_myspace.gif ico_technorati.png ico_twitter.gif ico_yahoo.png
Visitá otras notas de Xnechijli01
Está php en declive
Acceso directo de un Macro
La productividad y los macros de Excel
Crear un Macro en Excel
Notas asincrónicas de kotlin
Modificaciones al lenguaje de C#
 
Comentarios 0  
Enviá tu comentario
Para dejar tu comentario debes ser miembro de webnoticias.
 
Documento sin título
 
Documento sin título
 
Documento sin título
PARTICIPANTES
autores de webnoticias con inicial: A autores de webnoticias con inicial: A B autores de webnoticias con inicial: B C autores de webnoticias con inicial: C D autores de webnoticias con inicial: D E autores de webnoticias con inicial: E F autores de webnoticias con inicial: F G autores de webnoticias con inicial: G I autores de webnoticias con inicial: I J autores de webnoticias con inicial: J L autores de webnoticias con inicial: L M autores de webnoticias con inicial: M N autores de webnoticias con inicial: N O autores de webnoticias con inicial: O P autores de webnoticias con inicial: P Q autores de webnoticias con inicial: Q R autores de webnoticias con inicial: R S autores de webnoticias con inicial: S T autores de webnoticias con inicial: T V autores de webnoticias con inicial: V W autores de webnoticias con inicial: W X autores de webnoticias con inicial: X
 
Documento sin título
 
Documento sin título
 
 
 
 
Documento sin título
 
Documento sin título
 
Nos contaron qué leen
Documento sin título
ULTIMOS COMENTADOS EN Tecnología
Las bibliotecas modernas existen
Hola! Si accedió a la web, habrá podido ver que hay una cuenta de correo de contacto a través del que poder consultar cualquier duda. Realmente, le recomiendo esto de contar con una biblioteca virtua
 
6/29/2015 7:03:44 AM
 
Documento sin título
 
Documento sin título
 
Documento sin título
ULTIMOS PUBLICADOS Tecnología
Montaje de ascensores públicos:funcionalidad y estética
Mariah7
Servicio de montaje, mantenimiento y reparación de ascensores
 
5/21/2020 4:22:04 AM
 
Características fundamentales que debería tener un ordenador para diseñar
EduardoF
Un ordenador para este fin requiere de características mínimas específicas para correr de manera fluida todos los programas necesarios.
 
5/5/2020 6:53:00 AM
 
Renting informático y sus beneficios económicos
Mariah7
El alquiler de sistemas informáticos, sin necesidad de inversión inicial
 
4/20/2020 9:49:39 AM
 
Está php en declive
Xnechijli01
El declive de php en los índices
 
11/12/2019 11:21:20 PM
 
Acceso directo de un Macro
Xnechijli01
Cómo asignar un acceso directo
 
11/12/2019 11:19:09 PM
 
Crear un Macro en Excel
Xnechijli01
Cómo crear un Macro en Excel
 
11/12/2019 11:15:30 PM
 
Notas asincrónicas de kotlin
Xnechijli01
Kotlin las notas asincronicas
 
11/12/2019 11:14:03 PM
 
Modificaciones al lenguaje de C#
Xnechijli01
Actualizaciones y modificaciones de C#
 
10/30/2019 8:15:32 AM
 
C#: manejo de errores diferidos
Xnechijli01
C# y el manejo de errores
 
10/30/2019 8:10:45 AM
 
La última actualización de C#
Xnechijli01
C# y Apache Spark
 
10/30/2019 8:05:14 AM
 
Documento sin título
 
Documento sin título
 
Documento sin título
 
 
 
Documento sin título
 
Publicar es gratis, sólo tienes que registrarte y escribir.