Question

我试图制作一个像google这样的搜索栏，我已经完成了很多工作，我只是不确定如何让搜索栏更宽，这是我到目前为止的代码

<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。< / p>

喜欢这样：

input {
    width: XXpx;
}

Html，使搜索栏更宽广

2 个答案: