日期:2014-05-17  浏览次数:20571 次

求教一个关于css控制表单提交的问题!!!!!!
表单设置了一个背景图片,图片中有输入框和搜索,所以在设置表单的时候不使用按钮,求大侠告诉我该怎么做?

红色区域该怎么写?如果写到CSS中该怎么写?要求实现点击背景图片中的搜索区域实现搜索,鼠标移到搜索区域时显示手状!在此谢谢各位大侠了,比较急哦~~~~

我的代码如下:

HTML code
<form  name="formsearch" action="/search.php">
        <div class="form">
                    <input type="hidden" name="kwtype" value="0" />
           <input name="q" type="text" class="search-keyword" id="search-keyword" value="在这里搜索..." onfocus="if(this.value=='在这里搜索...'){this.value='';}"  onblur="if(this.value==''){this.value='在这里搜索...';}" />
[color=#FF0000] <input type="submit"class="search-submit"name="submit"value=""/>[/color]
        </div>
        </form>



------解决方案--------------------
把提交按钮设为透明,边框去除,并和背景的按钮位置重合即可。
CSS code

.submitBtn{
background-color:transparent;//透明背景
border:none;//去除边框
cursor:pointer; //鼠标显示手状
 }