Přijde mi, že tak jak je to na obrázku je to úplně v pohodě 
Pro pole stringů jako například
$items = [
'JAB%KO',
'H%RU%KA',
...
];by následující kód měl teoreticky vypsat něco co potřebuješ - editovatelný povinný input, který může mít max jedno písmenko, pro všechny znaky, co máš doplnit (%) a pro zbylé needitovatelný s tím znakem:
<ul>
<? foreach ( $items as $item ) : ?>
<li>
<img ...>
<? foreach ( $item as $key => $letter ) : ?>
<? if ( $letter == '%' ) : ?>
<input type="text" name="<?= $item ?>[]" maxlength="1" required>
<? elseif : ?>
<input type="text" name="<?= $item ?>[]" value="<?= $letter ?>" readonly>
<? endif ?>
<? endforeach ?>
</li>
<? endforeach ?>
</ul>// Samozřejmě přidáš pár stylů aby to nějak vypadalo
Pokud to celé zabalíš do formu a budeš to odesílat post requestem na server, pak můžeš v proměnný $_POST najít věci, co ti ten člověk vyplnil. Obsah proměnný post by pak moh vypadat následovně
$_POST = [
'JAB%KO' = [
'J'
'A'
'B'
'L'
'K'
'O'
],
'H%U%KA' = [
'H'
'K'
'U'
'F'
'K'
'A'
],
...
]Jo super dakujem funguje to ako ma pomocou CSS spravim input a hotovo super diki este raz
Zobrazeno 5 zpráv z 5.