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

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

3个回答

 <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>
wendy_shaoqian
wendy_shaoqian 解决了,谢谢你
接近 5 年之前 回复
wendy_shaoqian
wendy_shaoqian 可以了,谢谢,还有一个问题是,我现在可以保持在同一行了,那个按钮大小怎么调小一点,再让文本框占据的空间大一些
接近 5 年之前 回复
wendy_shaoqian
wendy_shaoqian 可以了,谢谢,还有一个问题是,我现在可以保持在同一行了,那个按钮大小怎么调小一点,再让文本框占据的空间大一些
接近 5 年之前 回复

可以自己写样式来实现:

 <!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>

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问