文本框输入,用户交互

<html>
<head>
<title>4-16</title>
</head>
    <body>
    <!--配置一个文件输入框和一个按钮,与用户交互用-->
    <li>50点点卡单价为4.5元,您确定购买
    <input id="Text1" style="width: 31px; height: 18px" type="text" />张。
    <input id="Button1" type="button" value="确定支付" onclick="return Button1_onclick()" />
    (最多不能超过5张)
    <script language="javascript">
    <!--
    function Button1_onclick()                     // 按钮单击事件处理程序
    {
        if( (Text1.value < 1) || isNaN(Text1.value) )   // 输入小于0或不是数字,则清除文本框内容并要求重输
        {
            alert( "您的输入不正确,请重新输入" );
            Text1.value = "";
        }
        else                                      // 输入合法则统计总金额
        {
            alert( "您的应当支付:" + Text1.value * 4.5 + "元" );
        }
    }
    -->
    </script>
    </body>

</html>

out:

时间: 2024-10-06 16:31:10

文本框输入,用户交互的相关文章

制作一个简单的文本框输入的网页

题目:制作一个简单的网页(包含一个文本框.一个按钮),在页面上输出用户在文本框输入的内容,要求用JavaScript获取文本框内容. 一.首先利用html在网页上制作表单,代码如下: **onclick事件:onclick 事件会在对象被点击时发生. 二.利用js获取输入信息,并将其输出: 相关知识: 1.给用户确认消息,真正实现交互,使用语句confirm();给用户提示信息,实现单向通信,使用语句alert(). 三.运行结果: 1.用浏览器打开结果如下: 2.输入文本框内容,点击[提交]:

监听文本框输入开发仿新浪微博限制输入字数的textarea插件

监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入.粘贴.鼠标粘贴时触发). onpropertychange 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘

文本框输入数字倒计实例代码

文本框输入数字倒计实例代码:一般情况下,文本框中文字的个数并不是无限的,也就是说具有一定的限制,在人性化程度较好的网站一般有输入文字倒计效果,这样可以便于浏览者组织语言,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>文本框输入文字倒计实例代码-蚂蚁部落</title> <style t

简单的文本框输入自动提示

简单的文本框输入自动提示--输入的时候可以直接异步加载数据库中匹配的项,然后显示出来. 这里没有使用到数据库,直接在PHP用数组模拟数据存储.  demo演示 原理主要是: 监听输入框的状态,当有改变的时候即刻通过ajax发送数据并取得返回值. 主要使用了jQuery封装很方便,但貌似我这个兼容性不咋地...主要提供个思路吧~ js部分: <script type="text/javascript" src="./js/jquery.min.js">&l

实现文本框输入内容提示代码实例

实现文本框输入内容提示代码实例:比较人性化的网站一般都是比较讲究细节的,比如文本框输入内容具有提示效果,在默认情况下,文本框有提示文本,当鼠标放入文本框输入文本的时候,提示文本会消失,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="ht

文本框输入限定数字或小数

<input id="amount" style="IME-MODE: disabled; WIDTH: 60px; HEIGHT: 15px" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="5" size="

文本框输入完成后隐藏键盘

隐藏虚拟键盘的两种方式 文本框输入信息后,隐藏键盘: 两种方式,第一种如果输入字符,可以直接按return键,隐藏键盘:第二种方式按屏幕空白的地方,隐藏界面. 实现方式: 方式一:给文本框增加Action,选择事件类型为Did End On Exit,然后实现方法中增加逻辑代码: 方式二:触碰背景,首先要修改背景类,默认UIView是不响应事件,修改为UIControl,是其子类,并增加动作backgroupTap,对应事件类型为TouchDown: 实现代码如下所示: .h文件增加输出口和动作

IOS不触发文本框输入中文的keyup事件

问题描述:IOS不触发文本框输入中文的keyup事件,在输入中文之后需要点击回退按键,才会开始搜索.问题分析:IOS的输入法(不管是第三方还是自带)能检测到英文或者数字的keyup事件,检测不到中文的keyup事件.解决方案:把keyup事件换成[input]和[propertychange]事件. var eventName = (navigator.userAgent.indexOf("MSIE")!=-1) ? "propertychange" :"

文本框输入完毕后,点击Enter触发按钮Click事件

文本框输入完毕后,点击Enter触发按钮Click事件 在C#编程中,我们经常碰到一个问题,就是在文本框中输入一些文字后,点击某按钮做一些响应处理.如百度搜索那样的,填写搜索内容,点击百度即可.当然我这里也有相应的情况: 输入文字后,点击按钮触发翻转文字效果. 如果想要用按下Enter代替点击按钮,可以这样写: private void textBox1_KeyDown(object sender, KeyEventArgs e) { if (e.KeyCode == Keys.Enter) {