实现html表单下划线可输入/css实现input只显示下划线

只需要设置input的边框属性，设置底边框颜色为黑色即可

input{
    border-bottom: 1px solid #000;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

效果图

图中显示的下划线就是可以输入的input。

注： 有小伙伴说选中后会有默认样式，可以加上outline: none实现选中时不显示默认的框