您现在的位置是：网站首页> 编程资料编程资料

HTML简单购物数量小程序 HTML绘制用户注册页面浅谈html5增强的页面元素SCSS移动端页面遮罩层效果的实现及常见问题解决CSS3解决移动页面上点击链接触发色块的问题 CSS的margin属性在页面布局中的使用攻略HTML5实现页面切换激活的PageVisibility API使用初探Html制作简单而漂亮的登录页面Div+CSS仿支付宝登录页面基于meta实现页面的定时刷新或跳转 如何让一个div居于页面正中间【实现方法】

2021-08-30 1365人已围观

简介 这篇文章主要为大家详细介绍了HTML简单购物数量小程序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了HTML简单购物数量小程序，供大家参考，具体内容如下

XML/HTML Code复制内容到剪贴板
  1. <html>  
  2.    <head>  
  3.   
  4.       <title>购物数量小程序title>  
  5.   
  6.     <script>  
  7.       function sub()   
  8.       {          
  9.   
  10.         var a = buy.ans.value;   
  11.             //alert(a);   
  12.             a = parseInt(a);               
  13.         a--;               
  14.             if(a<0)   
  15.              a = 0;   
  16.             buy.ans.value = a;   
  17.       }   
  18.           function add()   
  19.       {   
  20.         var a = buy.ans.value;   
  21.             a = parseInt(a);   
  22.         a++;   
  23.             buy.ans.value = a;   
  24.       }   
  25.         script>  
  26.   
  27.    head>  
  28.   
  29.    <body>  
  30.      <form name="buy">  
  31.     购买数量<input type="button"  value="-" onclick="sub()">  
  32.             <input type="text" name="ans" value="1">  
  33.             <input type="button"  value="+" onclick="add()">  
  34.   
  35.      form>  
  36.     body>  
  37. html>  
  38.   

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：HTML九宫格布局实现方法flex-grow、flex-shrink、flex-basis和九宫格布局理解CSS实现页面九宫格布局的简单示范HTML利用九宫格原理进行网页布局

下一篇：基于HTML实现表单提交后不刷新页面 Html5无刷新修改browser Url的方法详解HTML5之pushstate、popstate操作history,无刷新改变当前urlHTML5无刷新改变当前url的代码HTML5 History API 实现无刷新跳转 仿163网盘无刷新文件上传 for Php HTML网页中无刷新的更换CSS样式-CSS教程-网页制作-网页教学网HTML5实现无刷新修改URL的方法

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网