html 如果让input 里面有下划线。

1、首先需要打开html的代码页面，如图所示，编写好input标签并input。

2、然后接下来就是style标签中设置input的样式，如图所示根据如图所示的红框里面的代码进行编写和设置，编写好保存退出。

3、最后，用链接打开看一下效果，可以看到文字下方已经有下划线了，这样操作就可以解决问题了。

1、首先打开hbuilder编辑器，新建一个html文件，写入一个input标签并input设置class属性和设置默认文字的placeholder属性：

2、然后在上方的style标签中设置input得样式，设置input的宽度和高度以及文字颜色，用text-decoration设置下划线；用input的伪类“::-webkit-input-placeholder”设置默认的文本样式，注意这里是两个冒号，在里面设置它的底部阴影，颜色等属性：

3、最后打开浏览器，可以看到默认的文本中有一个浅绿色的下划线：

4、点击input框，在里面输入文字也可以看到橙色的下划线：

设置下划线的文本框：

设置文本框里面的字体有下划线

用css中的text-decoration:underline，就可以啦