`
jackroomage
  • 浏览: 1222528 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

如何实现点击[+]递增,或[-]减少下面的表单输入格式

 
阅读更多

1、如何实现点击[+]递增,或[-]减少下面的表单输入格式

 

 

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>
<head></head>

<script type="text/javascript">
 $ = function (id){
 return document.getElementById(id)
 };
</script>

<body>
<!-- 每次增加1,就更新一下value的值就ok了 -->
<input type="button" id="vote" value="<%=0 %>">
<a href="javascript:;" onclick=$("vote").value++>
<input type="button" id="vote" value="投票"></a>

</body>
</html>

 

 

 

 

 

######################     下面是原版的代码!

 

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<SCRIPT LANGUAGE="JavaScript">
 $ = function (id){
 return document.getElementById(id)
 };
</SCRIPT>

改变值<a href="javascript:;" onclick=$("vote").value++>[+]</a><a href="javascript:;" onclick=$("vote").value-->[-]</a>
<hr>
<input type="text" id="vote" value="0" size="60" maxLength="160">
<br>

 

 

 

 

分享到:
评论

相关推荐

    创建一个递增数字框...

    通过上述方法,我们可以利用VB中垂直滚动条的逆向使用,结合取绝对值函数,成功地创建了一个递增数字框,实现了特定场景下的数值输入控制需求。这种方法不仅展示了编程的灵活性,也提供了在面对非标准需求时的解决...

    HTML5(软件品牌)-1期 15 教学课件_单元5_表单验证.pdf

    除此之外,`step`属性可以控制数值输入的递增或递减幅度,确保输入的数值符合特定的间隔。 HTML5还提供了显示验证的功能,即通过调用`checkValidity`方法显式地进行表单验证。这个方法可以针对整个表单或单个输入...

    (0159)-iOS/iPhone/iPAD/iPod源代码-其他(Others)-Stepper MNKit

    - UIStepper是Apple提供的原生控件,用于显示两个箭头按钮(一个增加,一个减少),用户可以通过点击这些按钮来递增或递减一个数值。 - 控件默认设定最小值为0,但可以通过编程方式设置自定义的最小值和最大值。 ...

    [其他类别]网页中文本框自校验的标签_input.rar

    5. **step**:对于数值输入,设置步进值,如每隔多少单位递增或递减。 ```html ``` 数量输入框的值将以2为单位进行增加或减少。 6. **title**:当输入无效时,作为提示信息显示给用户。 ```html 请输入10位...

    HTML5FormAttributes(Part1)共8页

    6. `step`:与`min`和`max`一起使用,可以定义数字输入字段允许的步进值,例如用于设置价格或数量的递增。 7. `multiple`:在`&lt;input type="file"&gt;`中,此属性允许用户选择多个文件进行上传,这是HTML5新增的多文件...

    VS_2008使用技巧手册.pdf

    - 隐藏功能可以让开发者暂时隐藏选定的代码区域,这对于阅读或审查代码时减少干扰非常有帮助。 8. **选择一个词** - 快速选择一个词可以加快代码编辑的速度。在VS_2008中,可以通过双击单词或使用快捷键(如Ctrl+...

    网页中文本框自校验的标签-input.zip

    自校验的文本框可以提升用户体验,确保用户输入的数据符合预期格式,从而减少服务器端的压力。本压缩包文件“网页中文本框自校验的标签_input.zip”可能包含了关于如何在HTML和JavaScript中实现文本框自校验的相关...

    informix-4gl开发入门

    - **FORM**: 设计用户界面,包括输入表单等。 - **OPENform**: 打开一个界面。 - **DISPLAYform**: 显示界面内容。 - **交互式程序**: 通过FORM创建交互式应用程序。 #### 十、菜单设计 - **MENU**: 创建菜单结构...

    表单填写时用回车代替TAB的实现方法

    在这个例子中,我们将它添加到整个表单元素上,而不是每个单独的元素,这样可以减少代码的重复性。 ```html ()" language="javascript"&gt; ``` 这里的`changefocus_onkeyup`是我们即将创建的JavaScript函数,它会在...

    [其他类别]网页中文本框自校验的标签_input.zip

    5. **step属性**:控制数值输入的递增或递减步长,如`step="0.5"`表示只能输入半数。 6. **maxlength属性**:限制输入的最大字符数。 7. **input事件和form事件**:可以监听用户的输入行为,实时进行验证,例如`on...

    HTML5表单中新增的input属性2案例.pdf

    案例3展示了如何使用它们来确保用户输入的数值在特定范围内,并且按照指定的间隔递增或递减。例如: ```html ``` 这个输入框只接受0到12之间的整数,且数值增加或减少必须按4的倍数进行。 通过这些属性,HTML5...

    JSP分页显示、登陆和注册

    本篇内容主要讲述了如何使用JSP实现商品的模糊查询和...此外,分页功能通常会结合前端框架(如jQuery或AngularJS)来实现更友好的交互效果。安全性方面,应确保对所有用户输入进行验证和清理,避免SQL注入等安全问题。

    .NET第三方控件文件

    2. **上下箭头**:用户可以通过点击上下箭头来增加或减少数值,方便快速调整。 3. **步进值**:每次点击箭头时,数值可以按预设的步进值递增或递减。 4. **范围限制**:可以设置最小值和最大值,确保用户输入的数值...

    Laravel开发-primitive

    - **表单请求验证**:使用`Validator`类验证用户输入,其中会涉及字符串、整数、布尔等类型的检查。 - **Eloquent ORM**:通过模型操作数据库,如`increment()`用于整数字段的递增操作。 - **模板引擎Blade**:字符...

    js 时分秒控件 时间控件

    最后,为了实现持续递增或递减,我们需要监听鼠标抬起事件并停止调用`incrementTime`或`decrementTime`。这可以通过添加`mouseup`事件监听器来实现: ```javascript upButton.addEventListener('mouseup', function...

    金鹰asp超速入门视频教程-032.For循环语句2.rar

    动态网页设计允许网页根据用户输入或其他外部因素进行内容变化,这在构建交互式网站如在线表单、数据展示、用户管理等场景中非常有用。 例如,如果你有一个数组存储着用户数据,你可以使用For循环来遍历并处理这些...

    前端项目-bootstrap-touchspin.zip

    这个组件使得在网页上创建具有上下箭头的数值输入框变得简单易行,用户可以通过点击或滑动箭头来增加或减少数值,非常适合用于价格、数量等需要进行增量调整的场景。其主要特性包括移动和触摸设备的良好支持,使得在...

    FastUnit开发手册

    - **手动实现用户登录模块**:指导开发者如何手动创建用户登录模块,包括设置验证逻辑、处理用户输入等。 #### 五、组件开发 - **表**:介绍如何创建表以及定义表的相关属性。 - **单元**:包括不同类型的单元(如...

    jQuery解决input超多的表单提交

    这段代码将遍历页面上的所有`&lt;input&gt;`元素,为其生成如`val0`、`val1`等递增的`name`和`id`,从而简化了大量输入字段的处理。 当表单提交时,这些带有自动生成`name`属性的`&lt;input&gt;`元素会以键值对的形式通过HTTP...

    stepper:动画数字步进器组件,可通过单击箭头来增加或减少值

    步进器(Stepper)是一种常见的UI组件,它允许用户通过点击加号或减号按钮来逐步增加或减少一个数值。这种组件广泛应用于表单、购物车、设置面板等场景,为用户提供了一种直观且易于操作的方式来调整数值。在本文中...

Global site tag (gtag.js) - Google Analytics