style部分参考如下:
.search { position:relativewidth: 462px}
.search .searchText { border: 1px solid #dddwidth: 346pxline-height: 32pxheight: 32pxpadding: 0 5pxcolor: #333}
.search .searchButton { position:absoluteright:50pxbackground: url(../images/sliced.gif) -251px 0 no-repeatwidth: 80pxheight: 32px text-indent: -9999pxborder:none}
html部分参考如下:
<div class="search fl">
<form action="#">
<input class="searchText" type="text" value="请输入搜索关键字" onfocus="if(this.value=='请输入搜索关键字')this.value=''" onblur="if(this.value=='')this.value='请输入搜索关键字'"/>
<input class="searchButton" type="button" value="搜索" />
</form>
<div class="clear"></div>
</div>
HTML+CSS：
<input type="button" class="check" /><input type="text" class="text" style="display:none" />
jQuery:
$(function(){$(".check").click(function(){
$(".text").show()
})
})
这个不行吗？这还不够详细啊？那还怎么详细？我总不能把你的网页都给你写了吧？再说我也不知道你的网页长什么样啊。
html页面中添加文本框，用到的工具，notepad++,步骤如下：
html代码部分：
姓名：<input type="text" name="name" />网页效果图如下：
注意事项：input要配合form表单用。
