Button 有文本框和按钮的
是否可以使用JQuery Mobile水平设置文本框和按钮 使用Button 有文本框和按钮的,button,jquery-mobile,textbox,Button,Jquery Mobile,Textbox,是否可以使用JQuery Mobile水平设置文本框和按钮 使用data inline=“true”适用于按钮，但与按钮和文本框混合使用时不起作用 数据内联 data type=“horizontal”也不起作用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, in
data inline=“true”data type=“horizontal”<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"/>
<script type="text/javascript">
$(document).ready(function(){
$("#clearMeClearMe").click(function(){
//$(this).hide();
$("#clearMe22").val("");
});
});
</script>
<body>
<div data-role="page">
<div data-role="header">
<h1>Textbox Clear Demo</h1>
</div><!-- /header -->
<div id="content">
<input type="text" id="clearMe22" data-inline="true" name="clearMe22"/>
<a href="#" data-role="button" data-icon="delete"
data-iconpos="notext" id="clearMeClearMe">Clear</a>
</div>
</div><!-- /page -->
</body>
</html>
$（文档）.ready（函数（）{
$（“#clearMeClearMe”）。单击（函数（）{
//$（this.hide（）；
$（“#clearMe22”）.val（“”）；
});
});
文本框清除演示
<span>
<input style="width:90%;display:inline-block" type="text" id="clearMe22" data-inline="true" name="clearMe22" />
<a style="float:right" href="#" class="ui-input-clear" data-role="button" data-icon="delete"
data-iconpos="notext" id="clearMeClearMe">Clear</a>
</span>
但是其他人可能能够提供更优雅的CSS解决方案。当我向右浮动按钮并限制文本输入的宽度时，似乎对我最合适：
<span>
<input style="width:90%;display:inline-block" type="text" id="clearMe22" data-inline="true" name="clearMe22" />
<a style="float:right" href="#" class="ui-input-clear" data-role="button" data-icon="delete"
data-iconpos="notext" id="clearMeClearMe">Clear</a>
</span>
但是其他人可能能够提供更优雅的CSS解决方案。我正在尝试为自定义按钮找到类似的解决方案，但在您的情况下，我相信您可以使用内置的方法来清除数据（“data-clear-btn”）。您可以在此处找到此文档： 看起来像：
<input data-clear-btn="true" name="text-3" id="text-3" value="" type="text">
我正试图为自定义按钮找到类似的解决方案，但在您的情况下，我相信您可以使用内置的数据清除方法（“data-clear-btn”）。您可以在此处找到此文档： 看起来像：
<input data-clear-btn="true" name="text-3" id="text-3" value="" type="text">
数据清除btn数据清除btn