给我一段html限制文本框只能输入数字的代码

html-css024

给我一段html限制文本框只能输入数字的代码,第1张

可以使用html5的number类型实现限制文本框只能输入数字。

具体步骤如下:

需要准备的材料分别是:电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。

4、在浏览器中打开此html文件,可以看到最终想要实现的限制文本框只能输入数字效果。

.首先我们要做好一个计算器的界面,主要用到html与css的知识,下面是代码

0

1

2

3

+

c

4

5

6

-

=

7

8

7

*

+/-

0

.

/

上面设置一个简单的table表格,主要内容是计算器的数字键盘和符号,还有就是class名和ID名,函数名,主要是用作css样式设计和javascript程序设计,后面会用到,就先贴出来了

colspan="5" 是合并五列的意思,表示这个单元格要占五列

rowspan="3"是合并三行的意思,表示这个单元格要占三行

效果如下,这样一个简单的架构就完成了

<div style="text-align: centerpadding: 10px">

<label>数字:<input type="text" id="number" onchange="result()"/></label><br/><br/>

<label>结果:<input type="text" id="number1" readonly="readonly"/></label>

</div>

<script type="text/javascript">

function result(){

var num = document.getElementById('number').value

document.getElementById('number1').value = num*7116-3460-1617

}

</script>