Html购物车

目录

一.登陆界面

二.注册界面

三.购物车界面

一.登陆界面



	
		
		登陆界面
		
		
	
	
		

白马时光

昵称:

密码:

忘记密码?点击这里

 我的登陆界面用正则判断,昵称输入框的输入要求时3到6个大写或小写字母,placeholder时信息提示,它在输入框中显示,当你在输入框中输入值时,就会消失

 我写了非空判断,在没有输入值就点击登陆时,就会弹出提示框(alert)

 Html购物车_第1张图片

在输入信息与消息提示不符时,也会 弹出提示框(alert)

Html购物车_第2张图片

二.注册界面

我写的注册界面不怎么全面没有运用二级联动,也没有输入电话号码。有需要的朋友还是去看看别的大佬的d=====( ̄▽ ̄*)b



	
		
		登陆界面
		
		
	
	
		

白马时光

昵称:

密码:

 我的注册界面有一个清除按钮,在输入值后可以一键清除

Html购物车_第3张图片

输入值符合要求后点击提交就会提示注册成功 

 Html购物车_第4张图片

三.购物车界面

我的购物车和商城在同一个界面,所以我说这是一个不完善的购物车



	
		
		购物车
		
	
	

          
      
		
商品图片 商品名称 商品价格 操作
飞鸟集 26.00元
月亮与六便士 26.80元
小王子 32.80元
新月集 44.00元
茶馆/我这一辈子 67.40元
呼啸山庄 38.00元

购物车

商品 单价(元) 数量 金额(元) 删除
总计

看到图片上黑色的一行工具栏了吗,在代码中写了呦 

Html购物车_第5张图片

在点击加入购物车后 ,商品的信息会在购物车显示,点击两次数量会加一,在购物车数量点加减数量会变化

Html购物车_第6张图片

你可能感兴趣的:(javascript,css,html)