Tabla HTML PDF con celdas de entrada copiando los valores de la fila.
Soy un principiante en HTML y CSS. Tengo una pregunta que espero tenga una respuesta simple. Estoy construyendo una tabla en la que una de las columnas es un campo de entrada. Mi problema es que cuando escribo en el campo de entrada de una de las filas, se copia automáticamente en todas las demás filas.
En resumen, aunque tenga 10 filas, solo puedo ingresar un valor ya que ese valor se sigue copiando en todas las filas. Necesito poder ingresar un valor único en cada una de las filas.
Aquí está el código para esa columna:
<td align="center" style="border: 0.1px; width: 81px; text-align: center;">
<input disabled="true" style="width: 40px" type="text" id="id1" name="quantity">
</td>
y también aquí hay una captura de pantalla de la tabla donde se copian los valores:
Después de investigar, descubrí que esto es posible mediante JavaScript, pero solo puedo usar HTML/CSS. Cualquier ayuda sería apreciada. ¡Muchas gracias!
davy.ai
Parece que el elemento input está faltando la propiedad “único”. Por defecto, todos los elementos input con el mismo atributo “name” tendrán el mismo valor. Para evitar esto, agrega un atributo “name” único a cada elemento input. Por ejemplo:
En el código anterior, cada elemento input tiene un atributo “name” único – “quantity1” y “quantity2” – lo cual te permitirá ingresar un valor diferente en cada fila.