jquerymobile-17 搜索框、滑动按钮(Slider)、开关(Flip toggle switch)

最新推荐文章于 2023-05-17 17:45:53 发布

孟祥月

最新推荐文章于 2023-05-17 17:45:53 发布

阅读量1.9w

点赞数 6

分类专栏： jquery mobile jquerymobile入门

本文链接：https://blog.csdn.net/mengxiangyue/article/details/8588915

版权

本文简要介绍了jQueryMobile中的搜索框、滑动按钮(Slider)和开关(Flip toggle switch)的使用。通过示例代码展示了如何创建搜索框、设置滑动按钮的范围和步长，以及展示开关组件的基本用法。建议读者深入研究官方API以获取更多信息。

摘要由CSDN通过智能技术生成

今天介绍一下搜索框、滑动按钮(Slider)、开关(Flip toggle switch)，我写的东西都是比较简单的，所以还需要读者认真的去研究官方的API。

首先给一个搜索框的代码：

<!DOCTYPE html>
<html>
<head>
<title>Form Example 8</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page">
	<div data-role="header">
		<h1>Form Demo</h1>
	</div>
	<div data-role="content">
		<form action="echo.cfm" method="post">
		<div data-role="fieldcon