用input页面标签
并将下Border设为直线
<style>
input[type="text"]{border-bottom:solid 1px #ccc}
<style>
<input type="text"/>
或
输出一条横线用：<hr>如果想让它长点就改变它的样式：<hr style="width:1000PX">变长和粗：<hr style="width:1000PXheight:20px">其中width 是宽（长），height是高（粗细）。
扩展资料：
<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。
参考资料来源：百度百科-html代码
你可以用div标签去实现：
<div style=" text-decoration:line-through" >横线中间有字</div>
【html5与html的区别】
html通常指的是用来写网页的超文本代码，比如
<div>
<img src="ttt.jpg" /></div>
html从最初仅用来表示文本转变到后来的富文本，甚至多媒体。上面的代码就在页面插入了一张图片。至此，html仅用来表示内容，有时也表示显示样式（现在已用css来描述内容了），还有简单的交互（现在用javascript）。
但是，到这个时候，很多功能在互联网上都要借助插件实现，比如播放多媒体，利用长连接进行通信，RPC等。于是，html5出来了，你可以认为他是html4后面的一个版本，但他不仅仅是html，还包含很多新加入的API，如文件API，websockt等。所以，通常被认为html5是web app开发所用到的html，javascript，css3等的总和。
html5作为下一代的标准语言，有很大的意义。首先帮助技术人员减少了很多痛苦，让大家嗨皮了一些。当然还有以下的作用：
扩展性上：增加一系列的API支持（Canvas、本地存储、文件操作、重力感应等）
商业角度：帮助企业降低开发成本、缩短开发周期、可以跨设备等
战略上：不知道大家有没有注意到，html5和云的概念是对应有关联的性的，以后会实现一种场景——用户只需要打开设备，然后浏览器（html5）就可以查看应用（载体是云），并且实现的用户体验超级棒，很酷炫，可能慢慢会替代本地应用，所以我觉得这是一个有战略意义的语言标准。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<input style="border-top:0border-left:0border-right:0" type="text" value="测试文本" />。
3、浏览器运行index.html页面，此时文本框成功变为了一个横线。
