jquery mobile中怎么将input和button放在同一行
<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>
可以自己写样式来实现:
<!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>