Eso se realiza con JavaScript. Con HTML solamente maquetas la página. Pide que muevan tu hilo al foro respectivo para poder ayudarte, pues esto es
offtopic.
Saludos
Edito: Ya que movieron tu hilo al foro de JS, procederé a responder.
Asumo que lo que pretendes hacer es que al dar un clic al botón de cada fila, se muestre el valor de la primera celda de dicha fila, el cual representa al Id del registro. En ese caso, puedes hacerlo de esta forma:
Código Javascript
:
Ver originalArray.prototype.forEach.call(document.getElementsByTagName("input"), function(input){
if (input.type == "button"){
input.addEventListener("click", function(){
alert(this.parentNode.parentNode.children[0].innerHTML);
});
}
});
Con el método
forEach, itero al conjunto de elementos
<input>, creando así un bucle en donde en cada iteración, compruebo el tipo del elemento actual (en caso de que hayan otros
<input> en el documento, aunque lo mejor sería que todos los botones tengan una misma clase), de ser un botón, creo una función la cual se ejecutará cada vez que se de un clic en cada botón. En dicha función, busco al primer hijo del padre del padre del botón y tomo su contenido, esto es, si el botón es contenido por un elemento
<td> el cual es contenido por un elemento
<tr>, estamos refiriéndonos al padre del padre, luego, tomo a su primer hijo (considerando que tiene 3 hijos, los cuales son los elementos
<td>) y finalmente, tomo el valor de este último, el cual muestro en el mensaje de alerta.
Con el método
parentNode, tomo al elemento padre del elemento actual, con
children, tomo al conjunto de elementos hijos del elemento al que hago referencia y, finalmente, con
innerHTML, tomo el contenido del elemento.
Saludos