解析修改登录按钮为图片方式的方法

问题：如何修改前台登录框处的登录按扭为图片方式的按钮？

　　更改为，后面一个是一张图片

解决：我们可以先到后台模板管理里去查看模板代码，看看登录处的调用代码是什么，通常是一标签，下面均以系统默认页面、代码为示例

　　比如文章首页，在模板里可以看到是这样的代码：{PE.Label id="文章节点左侧" /} ，我们到标签管理里搜索这个标签“文章节点左侧”，然后点击修改，直接跳到“标签内容编辑”，就会发现里面的代码继续含有标签调用

　<div id="main_left"> {PE.Label id="用户登录" /}
<div class="left_box">
<dl>
<dt>栏目导航</dt>
<dd><ul> {PE.Label id="栏目分类" nodeId="@RequestInt_id" /} </ul></dd>
</dl>
</div>
　........................

上面这段代码处的第一行调用的标签就是前台显示出的用户登录的源标签代码，我们继续查找这个标签“用户登录”，同样点击修改，直接跳到“标签内容编辑”，我们会再次发现还套用了一个标签：

　 <div class="user_box">
<dl>
<dt>用户信息中心</dt>
<dd>
　　{PE.Label id="Ajax用户登录" /}
</dd>
</dl>
</div>

　继续修改“Ajax用户登录”标签，在“标签内容编辑”处，可以看到完整的登录代码，直接找到“登录”按钮处的设置代码

　<input type="submit" name="BtnLogOn" value="登录" id="BtnLogOn" onclick="Login();" class="inputbutton" />

这样我们可以进行替换了，对原代码只要修改两处即可，其它的不用动

　1、改 type="submit" 为 type="image" 　表示为图片按钮

　2、补充图片源地址设置，即加上　src="......."

整体代码如下

　<input type="image" src="这里输入图片地址" name="BtnLogOn" value="登录" id="BtnLogOn" onclick="Login();" class="inputbutton" />