wendy_shaoqian
wendy_shaoqian
采纳率25%
2015-11-24 12:44 阅读 3.9k

jquery mobile中怎么将input和button放在同一行

jquery mobile中怎么将input和button放在同一行
图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • 已采纳
    dacong 大聪 2015-11-24 14:03
     <div class="ui-grid-a">
                    <div class="ui-block-a"> <input name="telcx" id="telcx" type="tel" value="" style="font-size: 15pt;
                        color: Blue; background-color: LimeGreen; font-weight: bold; " maxlength="11" />
                        </div>
                    <div class="ui-block-b">
                        <a data-role="button" id="btnFind" data-theme="a">查询</a></div>
                </div>
    
    点赞 1 评论 复制链接分享
  • dacong 大聪 2015-11-24 14:02
    点赞 评论 复制链接分享
  • wojiushiwo945you 毕小宝 2015-11-25 00:49

    可以自己写样式来实现:

     <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
    </head>
    <body>
    <style>
     input:focus{
     -moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
     -webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
     box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
     }
     </style>
       <div data-role="fieldcontain" >
             发送给:
             <input data-role="none" class="ui-body-d ui-corner-all ui-shadow-inset" name="" id="" value="" type="text" style="background-image: none; min-height: 1.4em;  font-size: 16px; outline: 0; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; margin:.4em 0;width:40%;padding:0 4px;line-height:26px;" />
              <a style="width:30%;float:right;" data-mini="true" data-role="button"  data-ajax="false" href="#">点击选人</a>
    
         </div> 
    
    </body>
    </html>
    
    
    点赞 评论 复制链接分享

相关推荐