独书先生 Menu

Viewing all items for tag html组件

HTML通用组件模板:获取验证码60s倒计时后重新获取

分类:Web

需求:常见的用于登陆验证中,输入电话号码后点击“获取验证码”,开始60s倒计时,这段时间内获取验证码按钮无法点击,60s倒计时结束后,方可“重新获取”。

verify_code

解析:使用setTime定时器,每秒刷新一次。 Continue reading…

HTML通用组件模板:点击上传图片HTML组件 | CSS

分类:Web

目的:记录下自己平时编写的HTML组件,抽离常用的HTML元素组合,添加基础CSS样式,之后的项目稍作修改即可实现复用,提高工作效率。

解析:点击上传图像框,实际点击隐藏的input,上传完成后,图片显示在原处的img标签内。
upload_pic

Continue reading…