<!DOCTYPE html>
<style>
tr {
vertical-align: baseline;
}
.block input, .block textarea {
display: block;
}
.hide-text {
color: transparent;
}
</style>
<table>
<tr>
<td>XYZgh</td>
<td><input value="abc"></td>
<td><input></td>
</tr>
<tr class="block">
<td>XYZgh</td>
<td><input value="abc"></td>
<td><input class="hide-text" value="abc"></td>
</tr>
<tr>
<td>XYZgh</td>
<td><textarea>abc</textarea></td>
<td><textarea></textarea></td>
</tr>
<tr class="block">
<td>XYZgh</td>
<td><textarea>abc</textarea></td>
<td><textarea class="hide-text">abc</textarea></td>
</tr>
<tr>
<td>XYZgh</td>
<td><input type="search" value="abc"></td>
<td><input type="search" class="hide-text" value="abc"></td>
</tr>
<tr class="block">
<td>XYZgh</td>
<td><input type="search" value="abc"></td>
<td><input type="search" class="hide-text" value="abc"></td>
</tr>
<tr>
<td>XYZgh</td>
<td><input type="number" value="123"></td>
<td><input type="number" class="hide-text" value="123"></td>
</tr>
<tr class="block">
<td>XYZgh</td>
<td><input type="number" value="123"></td>
<td><input type="number" class="hide-text" value="123"></td>
</tr>
</table>