Javascript 在数独的文本框中放置仅显示文本

我正在尝试制作一个杀手级的数独网格。这包括在规则的3x3正方形内有拼图粗体线条。我需要在每个单元格的右上角显示一个数字和一个操作。我制作了一张表格，每个单元格都是一个文本框。我需要在左上角放置一些无法消失或删除的文本。这篇文章的字体应该是小的。我尝试过插入禁用的按钮和背景图像，但它们都弄乱了表格的格式。 我知道基本的javascript html和css

var an=[1,6,2,3,5,4,2,4,3,1,6,5,5,1,4,6,3,2,2,6,5,1,3,3,5,1,4,2,6,6,3,5,5,2,4,1]；
变量i，k，e；
功能展示（b、a）{
document.getElementById（b.style.display='block'；
document.getElementById（a.style.display='none'；
返回false；
}
函数sh（a、b、c、d、e）{
document.getElementById（a.style.display='block'；
document.getElementById（b.style.display='none'；
document.getElementById（c.style.display='none'；
document.getElementById（d.style.display='none'；
document.getElementById（e.style.display='none'；
返回false；
}
函数隐藏（b）{
document.getElementById（b.style.display='none'；
返回false；
}
函数检查1（）{
k=0；
var c=[]；
对于（i=1；i使td相对，并在其中保持一个绝对定位的跨度，该跨度具有较小的数值；
基本上，添加这两种样式，并在td中的每个输入标记之前保留一个跨度（其数字较小）

td {
  position: relative;
}

td span {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 14px;
}


var-an=[1,6,2,3,5,4,2,4,3,1,6,5,5,1,4,6,3,2,2,6,5,1,3,3,5,1,4,2,6,3,5,5,2,2,6,5,2,4,1]；
变量i，k，e；
功能展示（b、a）{
document.getElementById（b.style.display='block'；
document.getElementById（a.style.display='none'；
返回false；
}
函数sh（a、b、c、d、e）{
document.getElementById（a）.style.display='block'；
document.getElementById（b.style.display='none'；
document.getElementById（c.style.display='none'；
document.getElementById（d）.style.display='none'；
document.getElementById（e.style.display='none'；
返回false；
}
函数隐藏（b）{
document.getElementById（b.style.display='none'；
返回false；
}
函数检查1（）{
k=0；
var c=[]；
对于（i=1；i<37；i++）{
a=document.getElementById（“c1”+i）.value；
c、 推（a）；
如果（c[i-1]！=an[i-1]）
k++；
}
ale（k）；
}
函数ale（k）{
如果（k==0）
警惕（“右”）；
其他的
警报（k+“数字错误”）；
}
。按钮{
背景色：#78909c；
边界：无；
颜色：白色；
填充：15px 100px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
}
#提交{
左边距：-63px；
高度：30px；
宽度：60px；
字体大小：10px；
背景色：透明；
边界：无；
颜色：黑色；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
光标：指针；
}
桌子{
边框：2倍实心#000000；
}
运输署{
边框：1px实心#000000；
文本对齐：居中；
垂直对齐：中间对齐；
}
输入{
颜色：透明；
边界：1px；
填充：10px；
文本对齐：居中；
宽度：100px；
文本阴影：0黑色；
高度：100px；
字体大小：50px；
背景色：#FFFFFF；
大纲：无；
}
输入：焦点{
背景色：#E0；
}
.id{
宽度：10px；
高度：10px；
}
#c11，
#c12，
#c13，
#c14，
#c15，
#c16{
边框顶部：3倍实心#000000；
边框底部：3px实心#000000；
}
#c18，
#c19，
#c110，
#c111，
#c131，
#c132，
#c133，
#c134，
#c135，
#c136{
边框底部：3px实心#000000；
}
#c119，
#c120，
#c121，
#c122，
#c123，
#c124，
#c131，
#c132，
#c133，
#c134，
#c126，
#c127，
#c129，
#c130{
边框顶部：3倍实心#000000；
}
#c11，
#c17，
#c113，
#c119，
#c125，
#c131，
#c114，
#c120，
#c126，
#c13，
#c133，
#c110，
#c116，
#c122，
#c128{
左边框：3倍实心#000000；
}
#c14，
#c122，
#c134，
#c111，
#c117，
#c129，
#c135，
#c16，
#c112，
#c118，
#c124，
#c130，
#c136{
右边框：3px实心#000000；
}
运输署{
位置：相对位置；
}
td跨度{
位置：绝对位置；
顶部：5px；
左：5px；
字体大小：14px；
}



杀手神秘行动



31
27
13
3.
16





用1到6之间的数字填充网格。任何行或列中都不应重复数字
每个网格中的数字是目标数字，符号是要使用的操作
从a和b中获得a#b的表达式。“x”表示乘法。


3#1=（2）x（1）
4#2=（2）x（2）
5#4=（1）x（4）
6#1=（5）x（1）