可以用border属性去除文本框的边框。
1、新建html文档，在body标签中添加一些input标签，这时默认情况下浏览器中的文本框有1px的边框：
2、在head标签中添加style标签，设置input的样式，这里为了演示方便，为文本框设置灰色的背景色：
3、为input标签设置边框“border”属性，属性值为“0”，这时网页中文本框的边框就被去掉了：
html设置input无边框效果：input{
border:none
}或者input{
border:0
}，两种写法都可以设置input无边框效果。
1、首先按照图示代码新建HTML文件。
2、然后需要按照图示代码创建按钮。
3、然后需要按照图示代码创建js函数。
4、然后需要按照图示代码定义变量创建文本。
5、然后需要按照图示代码创建文本类型。
6、然后需要按照图示代码创建文本值。
7、然后需要按照图示代码输出变量。
8、然后需要按照图示代码添加按钮点击触发函数。
9、预览效果如图解决了该问题。
