可以使用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>