HTML - Duda con el nuevo elemento <datalist> de html 5

   
Vista:

Duda con el nuevo elemento <datalist> de html 5

Publicado por Gustavo (87 intervenciones) el 29/11/2013 18:04:20
Hola gente queria saber si este elemento de los formularios ya esta implementado por los navegadores ya que lo probe en chrome,opera,explorer,firefox y no me funciona en ninguno les paso el codigo a ver si hay algo mal.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<head>
  <title>Elemento DATALIST</title>
</head>
 
<body>
 
<form>
<datalist id="city">
<option value="Adelaide">
<option value="Bandung">
<option value="Bangkok">
<option value="Beijing">
<option value="Hanoi">
<option value="Ho Chi Minh City">
<option value="Hong Kong">
<option value="Jakarta">
<option value="Kuala Lumpur">
<option value="Osaka">
<option value="Seoul">
<option value="Shanghai">
<option value="Singapore">
<option value="Surabaya">
<option value="Sydney">
<option value="Tokyo">
 
<input type="text" placeholder="From:" list="city">
<input type="text" placeholder="To:" list="city">
 
</datalist>
</form>
 
 
 
 
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
información
Otras secciones de LWP con contenido de HTML
- Código fuente de HTML
- Cursos de HTML
- Temas de HTML
- Chat de HTML
información
Códigos de HTML
- Top Links
- IE Agregar a favoritos
- Tipo de bordes
Imágen de perfil de xve

Duda con el nuevo elemento <datalist> de html 5

Publicado por xve (1178 intervenciones) el 30/11/2013 00:35:34
Hola Gustavo, si que esta impletementado, lo que pasa que lo tienes mal definido... te falta poner el tag input list, y los input que tienes, no pueden estar dentro del datalist... mira como seria:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<head>
  <title>Elemento DATALIST</title>
</head>
 
<body>
 
<form>
    <input list="city">
    <datalist id="city">
        <option value="Adelaide">
        <option value="Bandung">
        <option value="Bangkok">
        <option value="Beijing">
        <option value="Hanoi">
        <option value="Ho Chi Minh City">
        <option value="Hong Kong">
        <option value="Jakarta">
        <option value="Kuala Lumpur">
        <option value="Osaka">
        <option value="Seoul">
        <option value="Shanghai">
        <option value="Singapore">
        <option value="Surabaya">
        <option value="Sydney">
        <option value="Tokyo">
    </datalist>
 
    <input type="text" placeholder="From:" list="city">
    <input type="text" placeholder="To:" list="city">
</form>
</body>
</html>

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Jose maria

Duda con el nuevo elemento <datalist> de html 5

Publicado por Jose maria (31 intervenciones) el 30/11/2013 00:40:14
Hola Gustavo:

Para ver las compatibilidades puedes verlo en w3schools.com/tags/tag_datalist.asp

Creo que tienes un problema en la estructura (he probado el cambio con firefox):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<head>
  <title>Elemento DATALIST</title>
</head>
 
<body>
 
  <form>
 
    <input list="city" placeholder="From:">
    <input list="city" placeholder="To:">
 
    <datalist id="city">
        <option value="Adelaide">
        <option value="Bandung">
        <option value="Bangkok">
        <option value="Beijing">
        <option value="Hanoi">
        <option value="Ho Chi Minh City">
        <option value="Hong Kong">
        <option value="Jakarta">
        <option value="Kuala Lumpur">
        <option value="Osaka">
        <option value="Seoul">
        <option value="Shanghai">
        <option value="Singapore">
        <option value="Surabaya">
        <option value="Sydney">
        <option value="Tokyo">
    </datalist>
 
  </form>
</body>
</html>

Saludos

EDITO: Disculpa xve. Creo que, mientras escribía, veía el mismo fallo. Mas o menos duplico tu contestación.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Duda con el nuevo elemento <datalist> de html 5

Publicado por Gustavo (87 intervenciones) el 30/11/2013 03:34:43
Gracias de nuevo gente, pasa que de donde lo estaba estudiando no estaba armado , daba los ejemplos del datalist y los input por separado y ese list de arriba no estaba, gracias por la compatibilidades tambien jose maría.
Lo que note es que salvo en internet explorer que lleva un solo click, en los demas navegadores hay q hacer 2 click en el campo para que funcione
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar