第一步，去SUI mobile官网看一下

https://sui.ctolog.com/

点击上面的示例

java mobile javamobile.org_javascript

 

然后点击表单-基础，当然这里你也可以选择其他的进行测试，然后进入到了这个页面

 

java mobile javamobile.org_javascript_02

右键，查看源码，当然这里最好是谷歌浏览器，会有查看源码的选项

java mobile javamobile.org_官网_03

然后将整个代码复制到你自己的html页面当中，那么现在就差一步了，就是引入相应的CSS和JS，官网在开始使用那里给出了5个

java mobile javamobile.org_java_04

值得注意的是，直接复制是不好用的，因为他们的src是它自己项目的路径，引入不了，原来官网上是直接从网上获取资源，那么现在我们就需要自己获取了，自己获取的话，首先得有这几个文件，然后要配置相应的路径。文件在下面的百度云里，下面就是将文件放到相应位置，再配置相应路径里，我的配置如下：

链接：https://pan.baidu.com/s/1kd7_bTI7nBl14p5hQ7A9tA

提取码：f4sb

复制这段内容后打开百度网盘手机App，操作更方便哦

 

<link rel="stylesheet"
href="../resources/css/common/sm.min.css">
<link rel="stylesheet"
href="../resources/css/common/sm-extend.min.css">
 
<script type='text/javascript'
src='../resources/js/common/sm.min.js' charset='utf-8'></script>
<script type='text/javascript'
src='../resources/js/common/sm-extend.min.js' charset='utf-8'></script>

文件位置：

java mobile javamobile.org_javascript_05

放到指定位置，官网给的示例：

java mobile javamobile.org_java mobile_06