以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  在WeUI实例中,如何为输入框预置图片!  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=108685)

--  作者:lanbor
--  发布时间:2017/10/27 10:36:00
--  在WeUI实例中,如何为输入框预置图片!
请教在:

本页地址:http://www.foxtable.com/mobilehelp/scr/0138.htm  实例中。

如何在登录界面部份的 Addinput输入控件中预值图片。
如样本图片所示:

谢谢!


图片点击可在新窗口打开查看此主题相关图片如下:img_2881.png
图片点击可在新窗口打开查看



--  作者:有点甜
--  发布时间:2017/10/27 10:43:00
--  

参考代码,你要在web/images/ 下放一个test.gif 文件

 

Select Case e.Path
    Case "test.htm",""
        Dim wb As New weui
        With wb.AddInputGroup("","ipg1")
            With .AddInput("username","用户名","text")
                .Placeholder="请输入"
                .attribute="style=""background-image:url(\'./images/test.gif\');background-repeat:no-repeat;padding-left:50px;"""
            End With
            .AddInput("password","密码","password")
        End With
        e.WriteString(wb.Build) \'生成网页
End Select


--  作者:lanbor
--  发布时间:2017/10/27 11:56:00
--  多谢大师指点,并注意到了多数特性是由.attribute引入
多谢大师指点。
认识到多数特性是由.attribute引入,受教育了!
.attribute="style=""background-image:url(\'./images/test.gif\');background-repeat:no-repeat;padding-left:50px;"""