html中input默认为无边框，通过js显示边框

1、首先按照图示代码新建HTML文件。

2、然后需要按照图示代码创建按钮肆大。

3、然后需要按照图示代码创建js函数。

4、然后需要按照图示代码定义变量创建文本。

5、然后需要按照图示代码创建悔雹悄文本类型。

6、然后需要按照图示代码创建文本值。

7、然后需要按照图示代码输出变量。

8、然后需要按照图示代码添加按钮点击触发函数。

9、碧渣预览效果如图解决了该问题。

1、新建html文件。

2、创建一个两行两列的表格。

3、创建两个按钮。

4、创建js函数，显示表格上边框。

5、创建js函数，显示表格下边框。

6、当点击第一个按钮时，显示上郑旦边框。

7、当点洞御击喊颤扰第二个按钮时，显示下边框。

html中input默认为无边框，通过js显示边框的方法。

如下参考：

1.首先备氏晌，根据图中显示的代码创建一个新的HTML文件。

2.然后您需要在自画像图中按核仔代码的create按钮。

3.然后您需要根据图中显示的代码创建js函数。

4.然后需要定义变量来创建文本，如代码中所示。

5.然后您需要创建如代码所示的文本类型。

6.然后您需要创建如代码中所示的文本值。

7.然后您需要根据图中显示的代码输出变量仿锋。

8.然后根据图中所示的代码添加按钮，点击触发器函数。

9.预览效果解决了如下图所示的问题。

html:


JS:
document.getElementById("test").style.border = "1px solid black"茄高;

在html中，设置input的边框为1个像素的实线，颜色为透明，这样看起来就是没有边框的，之所以不设边框颤轿尺为0，是为了在添加边框的时候不会产生位置变帆灶动。
在js中，用style.border重设input的边框样式

应该是没有指定线形和颜色的关系,把你函数里埋局面的语句改一弯橡让下,同时指定线形和颜色就可如陪以了.
document.getElementById(id).style.border="15px solid #000000";