<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<title>搜索框</title>

<style>

#demo{background-color:rgba(125,125,125,0.2);height:45px;width:300px;}

</style>

</head>

<body>


<p>WWF'sgoalisto:

<q>Buildafuturewherepeopleliveinharmonywithnature.</q>

<!--q标签添加双引号-->

Wehopetheysucceed.</p>

<formaction=""id="demo">

<inputtype="text"placeholder="搜索......."style="margin:3px;border:1pxsolidgray;border-radius:2px;width:290px;height:36px;">

</form>

</body>

</html>

浏览器显示