Artículos
→ HTML5 →

PlaceHolder: Marcadores de posición en HTML5

Creado: 12/Ene/2011 Actualizado: 09/Ene/2025

Una de las cosas nuevas que nos trae HTML5 es la capacidad de crear marcadores de posición o más conocidos dentro de la especificación HTML5 como placeholder.

Pero, ¿qué es un placeholder o marcador de posición? Para resumirlo podemos decir que es el texto que aparece dentro de un campo de texto antes de que se inserte un contenido. De esta manera podemos indicar al usuario qué queremos que inserte en ese campo. Es algo parecido a los labels, pero dentro de propio recuadro de texto.

La utilización de placeholder no exime el uso de labels. La W3C recomienda siempre el uso de un label junto con los inputs. Aunque estemos utilizando un placeholder.

Pero vamos a ponernos manos a la obra. Lo primero será crear un input de tipo text.

<form id="formualario">
<label for="texto">Nombre: </label><input type="text">
</form>

Para crear el placeholder simplemente tenemos que utilizar el atributo placeholder del elemento input. El valor que asignemos al atributo será el que aparezca en el marcado de posición.

Veamos como sería el código:

<form id="formualario">
<label for="texto">Nombre: </label>
<input type="text" placeholder="Inserte su nombre" size="80">
</form>

Y cual sería el resultado…

placeholder

Aunque lo mejor es que cargues tu mismo la página web.

Hay que tener en cuenta una cosa, y es que el placeholder es un atributo de HTML5 y que solo está soportado por los últimos navegadores web. Así que no podremos tomarlo como algo obligatorio, si no opcional al usuario que entre con un navegador de última generación.

Vídeos sobre HTML5

Disfruta también de nuestros artículos sobre HTML5 en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML5

¿Te atreves a probar tus habilidades y conocimiento en HTML5 con nuestro test?

Test HTML5
Artículos
→ VBScript →

Convertir un String a numérico en VBScript

Creado: 11/Ene/2011 Actualizado: 08/May/2024

Una de las cosas con las que tenemos que tener cuidado en VBScript, pero que a la vez es muy potente, es la falta de tipado de las variables. Las variables no tienen un tipo de dato por defecto. Si no que modifican su tipo de dato en función de los valores que vamos insertando.

A tal respecto te recomiendo que le eches un ojo a cómo se define una variable en VBScript y a cómo podemos conocer el tipo de dato de una variable en cuestión.

En este punto podemos tener dos variables, que a priori tengan datos numéricos. Pero no sepamos como están cargadas… Vamos a cargar un par de variables con dos String.

dim x
x = "23"
dim y
y = "34"

Y nosotros queramos sumar su contenido. Si, tal cual están, ejecutamos el siguiente código:

document.writeln("La suma de las dos cadenas es " & x + y)

Veremos que el resultado es de «2334». Es por ello, que si queremos una suma numérica, deberemos de convertir un string a numérico. Para ello utilizaremos la función CInt() que nos convierte una expresión en un numérico.

x = CInt(x)
y = CInt(y)

Ya solo nos queda ejecutar la suma:

document.writeln("La suma de los dos números es " & x + y)

Comprobando en este caso que el resultado es el esperado, la suma de las dos variables. Y que esto lo habremos conseguido convirtiendo un String a numérico en VBScript.

Artículos
→ PHP →

Eliminar elementos duplicados de un array en PHP

Creado: 10/Ene/2011 Actualizado: 25/Ago/2021

Mediante un código muy sencillo vamos a poder eliminar elementos duplicados de un array en PHP. Vamos a ver que la utilización de dos funciones nos pueden resolver este engorroso problema. Para que al final los valores que aparezcan en el array sean únicos.

Lo primero vamos a ver como sería un array con elementos duplicados:

$lista = array(1,1,2,3,4,4,4,5,6,7,7,8,9,10,10);

Ahora, sobre este array vamos a aplicar la función array_unique(). Esta función elimina los elementos duplicados que existan en el array. En este momento podemos pensar… «pues era extremadamente fácil»… pero, por desgracia, no es así. array_unique() elimina los elementos duplicados, si bien no reasigna los índices del array y nos dejaría índices vacíos. Estos serían los índices en los que estaban los elementos duplicados.

Una vez ejecutada la función array_unique() sobre el array que teníamos definido inicialmente, tendríamos la siguiente estructura:

$lista[0] -> 1
$lista[1] -> ''
$lista[2] -> 2
$lista[3] -> 3
$lista[4] -> 4
$lista[5] -> ''

El contenido del array lo podemos ver utilizando la función print_r() que nos mostrará la información mostrada antes.

En esta situación lo que necesitamos es apoyarnos en una segunda función llamada array_values(). Esta función retorna todos los valores del array y los re-indexa. De esta manera ya tenemos eliminados los índices vacíos.

Así el código que nos permite eliminar elementos duplicados de un array en PHP será el siguiente:

$lista_simple = array_values(array_unique($lista));

Vemos que ambas funciones devuelven un array, es por ello que hay que asignarlo a un nuevo array.

Bueno, parece que al final eliminar elementos duplicados de un array en PHP si que era sencillo. :-D

Código Fuente

Descárgate el código fuente de Eliminar elementos duplicados de un array en PHP
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Artículos
→ PHP →

Recorrer un array en PHP

Creado: 09/Ene/2011 Actualizado: 18/Ago/2020

Antes de ver como podemos recorrer un array en PHP, lo primero que tenemos que hacer es definir el array en sí. Para ello utilizamos la sentencia reservada array de la siguiente forma.

$lista = array("amaya","julio","javier","nacho","sonsoles");

Como podemos ver en el código que hemos escrito tenemos un array con una lista de nombres.

Para recorrer el array en PHP simplemente necesitaremos de una estructura for, la cual vaya iterando por los elementos del array. La estructura for en PHP tiene la siguiente forma:

for (asignacion_inicial, condicion, incremento) { ... }

La idea es iterar uno a uno hasta que hayamos recorrido todos los elementos. Así, si utilizamos una variable contador, la condición será no haber llegado al indice del último elemento.

Para saber cuantos elementos tiene el array utilizamos la función count(). Así el bucle for nos quedará de la siguiente forma:

for ($x=0;$x<count($lista); $x++) { ... }

Ahora solo nos queda acceder al contenido de los elementos del array en cada iteración. Para acceder al contenido se utiliza la siguiente estructura:

$lista[indice_elemento];

En ella podemos ver que utilizamos el operador corchete para poder acceder a los elementos del array. El operador corchete contendrá el índice del array al que queremos acceder.

Así, nuestro bucle for completo quedará de la siguiente forma:

for ($x=0;$x<count($lista); $x++)
  echo $lista[$x]."<br>";

La sentencia echo nos permite volcar el contenido de la lista a pantalla. A dicho contenido le volcamos un br que es un salto de línea en HTML.

Ya hemos recorrido nuestro array con PHP.

Actualización 10/enero/2011
Una optimización, como comenta nuestro compañero @ghizu es la de ejecutar la función count() antes de entrar al bucle. De esta forma solo será invocada una vez.

$tamanio = count($lista);

for ($x=0;$x<$tamanio; $x++)
  echo $lista[$x]."<br>";

Código Fuente

Descárgate el código fuente de Recorrer un array en PHP
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
→ Blog →

Feliz 2011

Creado: 02/Ene/2011

feliz 2011

Desde Línea de Código os deseamos un Feliz 2011. Esperamos seguir contando con vuestra compañía y disfrutando de la programación con todos vosotros.