Question

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

html中的input默认的边框设置是style="border:0px;"，是不显示边框，当触发onclick事件时，把光标放到最后，并显示边框。我这样写：
<input type="text" name="pro' + n.id + '" id="pro' + n.id + '" value="' + n.project + '" onclick="doEdit(this.id)" style="border:0px;" size="' + n.project.length + '" onblur="outfocus(this.id)"/>
function doEdit(id)
{
document.getElementById(id).style.border="15px";
}
可是边框还是不显示。

Answer 1

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

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

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

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

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

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

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

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

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

Answer 2

1、新建html文件。

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

3、创建两个按钮。

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

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

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

7、当点击第二个按钮时，显示下边框。

Answer 3

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

如下参考：

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

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

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

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

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

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

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

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

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

Answer 4

html:

<input type="text" id="test" style="border: 1px solid transparent;" />
JS:
document.getElementById("test").style.border = "1px solid black";

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

Answer 5

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