我不知道这是否可行,但我想要一个输入字段,其中我将有一个用户无法编辑的值。 但是,我不希望输入字段是“只读”的,因为我仍然希望用户能够在值之后添加文本。
如果您对如何执行此操作有任何想法,请告诉我,这将对我有很大帮助。
编辑:我使用 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/