博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html+js实现简单的登陆页面
阅读量:6516 次
发布时间:2019-06-24

本文共 629 字,大约阅读时间需要 2 分钟。

初学web自动化,学习简单的前端知识还是很有必要的;

今天我们利用html实现一个简单的登陆页面,并利用js提取用户名和密码,在alert弹窗中显示出来

 

实现的功能:

1.实现重置按钮的功能,点击重置按钮,能清除你填写的数据 

2.填写用户名,密码,点击登录,获取到用户名和密码通过alert提示框展示出来。

 

页面如图:

代码如下:

   登陆.html   
用户名
密码
性别
头像
住址 省   市br
爱好 篮球 足球 看书
备注信息
最终实现的效果如下:

 

 

转载于:https://www.cnblogs.com/Elaine1/p/10035846.html

你可能感兴趣的文章
特殊字符校验
查看>>
TensorFlow(1)注解入门代码
查看>>
GCC 中 -L、-rpath和-rpath-link的区别
查看>>
RedHat7下PostGIS源码安装
查看>>
亚马逊AWS学习——VPC里面几个概念的关系
查看>>
context.getSystemService的简单说明
查看>>
php中的正则函数:正则匹配,正则替换,正则分割 所有的操作都不会影响原来的字符串....
查看>>
三个小时学会wordpress模板制作
查看>>
【网络协议】TCP协议简单介绍
查看>>
利用SMB jcifs实现对windows中的共享文件夹的操作
查看>>
Spring(十七):Spring AOP(一):简介
查看>>
html5常用属性text-shadow、vertical-align、background如何使用
查看>>
微软正式宣布Azure MongoDB Atlas免费方案
查看>>
Jessica Kerr:高绩效团队简史
查看>>
开发者需要知道的有关软件架构的五件事
查看>>
GitLab 9提供了子群组、部署面板和集成监控
查看>>
继爆款超级账本后,IBM再次推出新产品
查看>>
贝壳金控赵文乐:基于 Spring Cloud 的服务治理实践
查看>>
Pyspider框架 —— Python爬虫实战之爬取 V2EX 网站帖子
查看>>
区域生长算法 C++实现
查看>>