利用css制作搜索框输入内容直接跳转到百度搜索的内容

html-css030

利用css制作搜索框输入内容直接跳转到百度搜索的内容,第1张

<form action="http://www.baidu.com/baidu" target="_blank">

<div align="center">

<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/search/img/baidulogo_clarity_80_29.gif" alt="Baidu" border="0" align="bottom"><input type=text name=word size=30>

<input type="submit" value="百度搜索">

</div>

</form>

把代码放在<body></body>标签之间运行一下。

给form加一个div，然后设置div宽度，用百分比，然后个下拉框和提交按钮设置固定宽度(例如他们的总宽度是100px)，最后设置输入框width:calc(100% - 100px)，

这样，div的宽度会随着页面大小变化，而输入框大小又会随着div宽度变化，但是下拉框和按钮是固定的宽度