| <!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> |