表单是网页开发中最常见的元素之一，常用于各种数据的提交。本实例设计了用户在使用个人的待本事项之前，必须要进行用户登录，所以重点讲解登录页面的开发与实现。首先创建login.html文件，初始化html标签结构、全局样式后引入weui的样式文件。核心代码如下：
然后，使用weui提供的样式类进行页面的搭建，主要会用到class：weui_cells、weui_cells_from、weui_input等，用来进行表单内外部的样式定义。其中登录按钮使用class：weui_btn来规定样式，指定其跳转的路径为list.html。代码如下：
最后，保存代码后在游览器中运行login.html文件，如图所示。
注意：因为login.html页面为静态页，所以并没有实际的动态脚本逻辑，如用户名验证、执行用户登录并保存用户状态等，页面跳转依赖a标签的设置。
在微信中选择图片发送时，一般会给出多个图片来源的选项。例如，从相册中选择，或者直接用相机进行拍照。首先新建文件index.html，搭建基本的页面框架后，在body中增加以下代码：
其中，id属性为coverdiv的p为半透明的遮罩层，在classs属性为weui_actionsheet_menu的p中可以定义多个子菜单。完成页面样式后，使用jquery的动画效果实现菜单从屏幕的下方快速弹出。给按钮绑定相关事件的代码如下：
注意:在jquery中可以使用animate（）方法来实现更多的自定义动画效果。