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，使搜索栏更宽

回答

相关问题