html数值数字输入。

来源：互联网发布：淘宝联盟卖家编辑：程序博客网时间：2024/05/19 00:41

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DeC.aspx.cs" Inherits="P_DeC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
<style>
body {margin:0px;padding:0px;background-image:url('<%=CurrentPath+"Imags/B/lb.gif" %>')}
input {border:0px;border-bottom: 1px solid #000066;width:96%;text-align:right;margin:10px;font-size:30px;}
div.lt {clear:both;background-color:Red;}
div.mc {width:33%;float:left;overflow:hidden;border-bottom:solid 1px black;}
a {width:100%;}
img {border:0px;}
</style>
</head>
<body>
    <input type='text' value='<%=CurrentValue %>' dir="rtl"/>
    <div class="lt">
        <div class="mc"><a href='DeC.aspx?s=1' value='1' mt="one.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/one.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=2' value='2' mt="two.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/two.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=3' value='3' mt="three.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/three.gif" %>' /></a></div>
    </div>
    <div class="lt">
        <div class="mc"><a href='DeC.aspx?s=4' value='4' mt="four.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/four.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=5' value='5' mt="five.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/five.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=6' value='6' mt="six.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/six.gif" %>' /></a></div>
    </div>
    <div class="lt">
        <div class="mc"><a href='DeC.aspx?s=7' value='7' mt="seven.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/seven.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=8' value='8' mt="eight.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/eight.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=9' value='9' mt="nine.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/nine.gif" %>' /></a></div>
    </div>
    <div class="lt">
        <div class="mc"><a href='DeC.aspx?s=c' value='c' mt="c.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/c.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=0' value='0' mt="zero.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/zero.gif" %>' /></a></div>
         <div class="mc"><a href='DeC.aspx?s=b' value='b' mt="back.gif" onmouseover="ov(this)" onmouseout="ob()"
         onclick ='return oc(this)'><img src='<%=CurrentPath +"Imags/D/back.gif" %>' /></a></div>
    </div>
</body>
<script>
var path='<%=CurrentPath %>'+'Imags/D/'
var value=Number('<%=CurrentValue %>');
var pt = document.getElementsByTagName('input');
var vt = pt[0];

function oc(t)
{
var v = t.getAttribute('value');
if( v == 'c')
    value = 0;
else if( v == 'b')
{
    var sv = value.toString();
    if(sv.length > 1)
      sv = sv.substr(0,sv.length-1);
    else
      sv='0';
    value = Number(sv);
}
else{
    var nv = Number(v);
    value = value*10 + nv ;
}
vt.value = value;
return false;
}

function ov(t)
{
    var mt = t.getElementsByTagName('img');
    mt = mt[0];
    ov.lt = mt;
    ov.ltp = t;
    mt.src = path+"on"+ t.getAttribute('mt');
}

function ob()
{
if(ov.lt != null)
ov.lt.src =path+ov.ltp.getAttribute('mt');
ov.lt = null;
}

</script>
</html>

//后台用于支持无脚本

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;

/// <summary>
/// 数字输入页面。
/// js + postback 两个支持。
/// </summary>
public partial class P_DeC : MyPage
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string newV = CurrentValue;
        string s = Request["s"];
        if (!string.IsNullOrEmpty(s))
        {
            if ("c" == s)
                CurrentUser.buffer = 0d;
            else if ("b" == s)
            {
                if (newV.Length > 1)
                    newV = newV.Substring(0, newV.Length - 1);
                else
                    newV = "0";
                decimal temp;
                if (decimal.TryParse(newV, out temp))
                    CurrentUser.buffer = temp;
                else
                    SysError.GoErorPage("错误命令");
            }
            else
            {
                newV = newV + s;
                decimal temp;
                if (decimal.TryParse(newV, out temp))
                    CurrentUser.buffer = temp;
                else
                    SysError.GoErorPage("错误命令");
            }
        }
    }

    public string CurrentValue
    {
        get {
            decimal temp;
            if (CurrentUser.buffer is decimal)
                temp = (decimal)CurrentUser.buffer;
            else
            {
                temp = 0;
                CurrentUser.buffer = temp;
            }
            return temp.ToString();
        }
    }

}

html数值 数字 输入。

html数值数字输入。