html - Html，使搜索栏更宽

Question

我正在尝试制作像谷歌这样的搜索栏，我已经完成了一切，我只是不确定如何使搜索栏更宽，这是我到目前为止的代码

<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td>
    <FORM name="doingasearch" id="doingasearch">  
  <p align="center"><INPUT name=searchbox type=text size=20></p>
  <p align="center"><INPUT type="button" value="Search" onclick="return 

googleSearch();">
  <INPUT type="button" value="I Feel Lucky" onclick="return googleSearch

();"></p>
</FORM>
    </td>
  </tr>
  <tr>
  <td>
  </td>
  </tr>
</table>

如果你发现它有什么问题，请说出来

Answer 1

您可以在 HTML 中执行此操作：

<input name="searchbox" type="text" size="40" />

或者您可以使用 CSS 以正确的方式进行操作：

input {
    width: 200px;
}

Answer 2

使用搜索表单时，您应该避免使用表格。无论如何，你可以在这里做两件事。

size="20"从搜索框中删除<input>并更改输入width，CSS或者您可以增加<input> size.

像这样：

input {
    width: XXpx;
}