html - 在输入字段中具有永久值,同时仍然能够向其中添加文本

标签 html input field readonly

我不知道这是否可行,但我想要一个输入字段,其中我将有一个用户无法编辑的值。 但是,我不希望输入字段是“只读”的,因为我仍然希望用户能够在值之后添加文本。

如果您对如何执行此操作有任何想法,请告诉我,这将对我有很大帮助。

编辑:我使用 html 表单。

最佳答案

您可以将文本放在输入字段的顶部,使其看起来就像在输入字段中一样。像这样:

<input type="text" name="year" style="width:3.5em;padding-left:1.5em;font:inherit"><span style="margin-left:-3em;margin-right:10em;">19</span>

这样你的输入框将以“19”开头,不能编辑,用户可以在后面添加信息。

基本上您所做的是将输入字段设置为固定宽度,这样您就知道要为其中包含文本的跨度留出多少负边距,以便将其准确定位在输入的开头字段。

您可能需要根据其余的 css 调整 span 的 margin-left。

然后还将 pedding-left 添加到输入字段,以确保用户在您的文本之后而不是在其下方开始输入。

font:inherit 应确保您的文本和用户键入的文本使用相同的字体。

如果您想在此输入字段的右侧放置任何内容,请在文本范围内添加 margin-right ,否则其他内容也可能会开始覆盖您的输入字段。

关于html - 在输入字段中具有永久值,同时仍然能够向其中添加文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7453215/

相关文章:

html - div 的垂直堆栈顺序而不是水平的?

html - 有人可以解释我遇到的这个表格 CSS 问题吗?

html - 在圆形上展开背景

Java:向现有类添加字段和方法?

c# - 自动实现的 getter 和 setter 与公共(public)字段

javascript - HTML5 视频 OnComplete 下一张幻灯片 Reveal.js

java - 如何使用Scanner检查用户输入是否为整数?

python - 使用 while 循环查找最小的用户输入数

javascript - 如何在语法上突出显示单个文本输入字段?

java - 如何访问java中对象的通用数组列表中的项目字段?