I was wondering how the virtual keyboard link is displayed in the youtube search bar, and checking the input element item gave me the following:
(I removed all classes and identifiers to make the code shorter since the question is about the table)
In addition, this code refers to the top search entry. Not mock search result
<table cellspacing="0" cellpadding="0" style="height: 30px; padding: 0px;"> <tbody> <tr> <td> <input name="search_query" value="" type="text" tabindex="1" title="Search" style="border: none; padding: 0px; margin: 0px; height: auto; width: 100%; outline: none;" dir="ltr" autocomplete="off" spellcheck="false"> </td> <td> <div style="line-height: 30px;" dir="ltr"> <a class="gsst_a" href="javascript:void(0)"> <span> <img src="//www.gstatic.com/inputtools/images/tia.png"> </span> </a> </div> </td> </tr> </tbody> </table>
It seemed strange to me that they used a table for such a simple layout, but I guessed that “Hey, they should have reasons for this,” So can I have a reason for the panel layout to be created this way? What purpose could be used? Is there a reason that instead of choosing a simple css layout / layout instead? Was there a bar created by a newbie? Why?
source share