带下划线字段的 HTML 文档

标签 html css

所以我正在用 HTML 创建一个文档,其中有一些字段带有下划线并且需要动态填充,但是我无法正确设置它的样式。我需要做的是:

“申请人的姓:________bar____________ 名字:_________foo_____________”

对于第一行然后:

“学校名称”_一些名称__________________________________________________________________________________________________________________________________________________________________

所以我动态填写的文本必须在线上,就好像它是手工填写的一样,但是我不知道它的长度,而且我对 css 很不满意。我尝试使用静态文本为 <td> 的表格下划线是另一个 <td>但无法为第二行正确格式化,按照这个逻辑我会有 2 <td>宽度不同于四个 <td> 的元素第一行的元素。

最佳答案

使用常规 <input type="text">字段并使用 CSS 相应地设置样式:background: none; border: none; border-bottom: 1px solid black;等等等等

关于带下划线字段的 HTML 文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34243623/

相关文章:

html - 样式未应用于 CSS 中的 H1 元素

javascript - 为什么pre或代码块中的JS代码会执行?

javascript - 通过 Javascript 将 HTML 注入(inject) div

html - 具有奇数/偶数行自定义样式的动态 CSS 网格

javascript - 我需要这个下拉 php 代码来将人们重定向到 WordPress 中的特定分类法

HTML5 音频在 Chrome 中达到其持续时间之前会自动停止

javascript - jquery 未选择预期的 div 元素。

html - 新的 div 不会出现在固定标题下

html - 可以很好地调整大小的水平菜单

css - 我可以使用 css3 而不是带有伪类的选择器吗?