easyUI入门《十八、numberbox基础：数字框》

最新推荐文章于 2021-12-15 11:27:11 发布

leijiahui

最新推荐文章于 2021-12-15 11:27:11 发布

阅读量180

点赞数

分类专栏： easyUI

本文链接：https://blog.csdn.net/leijiahui/article/details/82431159

版权

easyUI 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<!--引入基本库-->
		<script type="text/javascript" src="jquery-easyui-1.5.5.4/jquery.min.js"></script>
		<script type="text/javascript" src="jquery-easyui-1.5.5.4/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="jquery-easyui-1.5.5.4/locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" href="jquery-easyui-1.5.5.4/themes/default/easyui.css" />
		<link rel="stylesheet" href="jquery-easyui-1.5.5.4/themes/icon.css" />
	</head>

	<body>
		<!--
	最大小值
	保留小数
	必填
	分隔符
	前缀后缀
-->
		<input class="easyui-numberbox" data-options="min:10,max:90,precision:2,required:true" />
		<input class="easyui-numberbox" value="123456.99" data-options="precision:2,groupSeparator:',',prefix:'$'" />
		<input class="easyui-numberbox" value="123456.99" data-options="precision:2,groupSeparator:',',suffix:'$'" />
		<input id="num" />
		<script type="text/javascript">
			$("#num").numberbox({
				precision: 2,
				groupSeparator: ','
			})
		</script>
	</body>

</html>