当前位置:资源吧源码资讯中心论坛文章动网论坛 → 文章内容

动网7.0sp2 如何实现只有下划线的输入框

减小字体 增大字体 作者:未知  来源:http://www.ziyuan8.com/down  发布时间:2004-9-25 19:02:54

修改方法如下:

一、在CSS中加入如下字段属性
.input {
font-family:Tahoma, Arial, 宋体;
font-size: 8pt;
line-height:15px;
COLOR: #000000;
border-top-style: none;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-bottom-color: #000000;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}

二、在分页面模板(main_style)的Dvbbs.mainhtml(15)中,加入红色部分
<!--验证码表单-->
<input type="text" name="codestr" maxlength="4" size="4" class="input">

其他的输入框修改方法相同

例如首页登陆框:在分页面模板(page_index)的“template.html(2)”中,同样是加入红色部分属性,代码如下:

<!--index.asp##首页顶部表格未登录-->
欢迎您访问{$forumname},您还没有[<a href=reg.asp class=cblue>注册</a>]或[<a href=login.asp class=cblue>登录</a>]<br>
<table cellspacing=0 cellpadding=0 align=center>
<form action=login.asp?action=chk method=post>
<tr><td class=tablebody1 height=40 width="100%">
用户姓名:<input maxLength=16 name=username size=12 class="input">{$getcode}<br>
用户密码:<input maxLength=20 name=password size=12 type=password class="input">
<select name=CookieDate><option selected value=0>不保存</option><option value=1>保存一天</option><option value=2>保存一月</option><option value=3>保存一年</option></select>  <input type=submit name=submit value="登录">
</td></tr>
</form>
{$isray}
</table>
||
<FORM METHOD=POST ACTION="login.asp?action=chk">
<tr><td class=tablebody1 height=40 width="100%">
<a href=boardhelp.asp>阳光会员</a>:<input maxLength=16 name=mobile size=12 value=13 class="input"> <input type=submit name=submit value="阳光会员快速注册"></td></tr></FORM>

其它的地方如果需要的话,找到相应分页模板,在输入框标签后面加入class="input"就可以了

效果: