您当前的位置: 首页 >  ui

Semantic UI 之 输入框 input

梁云亮 发布时间:2020-08-08 16:50:26 ,浏览量:3

第一步:创建项目

添加JQuery和Semantic UI包、创建input.html页面: 在这里插入图片描述

第二步:container.html页面

在container.html页面中引入样式文件和JS文件



    
        
        按钮
        
        
        
    
    
    

接下来在body中按下面所示添加代码并在网页中查看效果:

输入框的样式
输入框的样式


    




    




    




    

效果: 在这里插入图片描述

输入框的大小
输入框的大小

    



    



    



    



    



    



    

效果: 在这里插入图片描述

输入框的组合
输入框的组合
    
        
    
    
    
        
        
    
    
    
        
        
    
    
    
        
        
    
    
    
        年龄
        
    
    
    
        单价
        
        /公斤
    
    
    
        
        
        爱好
    
    
    
        
        搜索
    

效果: 在这里插入图片描述

关注
打赏
1688896170
查看更多评论

梁云亮

暂无认证

  • 3浏览

    0关注

    1176博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.1973s