课程名称:仿计算器案例
课程章节:计算器输入框
二 课程内容
完善计算器输入框
1.文本框外观调整
2.数字向右对齐
3. 文本框数字初始化
4.禁止键盘输入
修改value值 20个计算器不同符号
我们发现有一个符号乱码了
我们给它加上
utf-8
加上这一行代码就可以了 ,网上有很多也,也可以自己敲
ok了
2.修改一下0的对齐方式 向右对齐
在text设置 text-align: right 把宽度也微调一下147px
在调整一下边框框细,还有它的背景颜色
3.用js方法禁止键盘输入,用这种方式简洁方便以后维护
给文本框name和id是num
js里创建函数
function into(){
var num =document.getelementbyid("num")
num.value = 0 //给予初始化的值是0
num.disabled = "disabled" //禁止键盘输入
}
然后在body写入onload调用刚才写的into函数 更新数据
效果
三.本章难点
解决乱码和调用js函数,其实也挺很简单O(∩_∩)O