Html，使搜索欄更寬

-2

我試圖讓搜索欄像谷歌，我有這一切都非常成功，即時通訊只是不知道如何使搜索欄變寬，繼承人我到目前爲止的代碼Html，使搜索欄更寬

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

如果你發現了什麼不對的地方，請說出來

來源

2012-08-11 bebarules666

如果通過更寬指您輸入字段的寬度，則將size = 20更改爲更大的值 – anazimok 2012-08-11 03:36:06

你既可以做到這一點在你的HTML：

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

或者你可以做正確的方式，用CSS：

input { 
    width: 200px; 
}

來源

2012-08-11 03:36:09

哦，你的權利，我想我真的沒有想到。 – bebarules666 2012-08-11 03:40:15

不用擔心，發生在我們身上。快樂的編碼。 – 2012-08-11 03:41:37

你應該從表使用搜索表單時避免。無論如何，你可以在這裏做兩件事。

要麼刪除搜索框<input>的size="20"並更改CSS的width或可以增加<input>size。

像這樣：

input { 
    width: XXpx; 
}

來源

2012-08-11 03:35:57

+ 1爲提及形式！=表 – Don 2012-08-11 06:55:25

Html，使搜索欄更寬

回答

相關問題