需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<input style="border-top:0;border-left:0;border-right:0;" type="text" value="测试文本" />。
3、浏览器运行index.html页面，此时文本框成功变为了一个横线。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-10-15
HTML的文本框变成横线形式显示，具体代码如下：
<input type="text" name="username" value="横线形式显示" size="12" style="border:0px;border-bottom:#000000 1px solid;">
<input type="text" name="username" value="横线形式显示" size="12" style="border:0px;border-bottom:#000000 1px solid;">
第2个回答 2015-05-20
把文本框的其他三个边的边框变为0即可，如下：
input{border:0;border-bottom:1px solid #000;}
或者input{border-width:0 0 1px 0;border-color:#000; border-style:solid;}都可以
input{border:0;border-bottom:1px solid #000;}
或者input{border-width:0 0 1px 0;border-color:#000; border-style:solid;}都可以
第3个回答 2012-03-28
<input type="text" name="username" value="李彦宏" size="12" style="border:0px;border-bottom:#000000 1px solid;">本回答被提问者采纳
相似回答