Html 如何在输入表单中附加不可删除的值?

Html 如何在输入表单中附加不可删除的值?,html,input,Html,Input,我正试着做一些像这样的事情。他们将域名附加为不可删除的值,以允许用户创建子域文件夹。我想对以下输入执行相同的操作: <input type="text" class="form-control inputlogin" name="subdomain_name" placeholder="Sub Domain" required="" value=""/> 我找到了一种技术,但我不想附加前缀。值必须在示例中的like之后。这只是一个样式技巧输入可完全编辑或禁用(根本不可编辑)

我正试着做一些像这样的事情。他们将域名附加为不可删除的值,以允许用户创建子域文件夹。我想对以下输入执行相同的操作:

 <input type="text" class="form-control inputlogin" name="subdomain_name" placeholder="Sub Domain" required="" value=""/> 


我找到了一种技术,但我不想附加前缀。值必须在示例中的like之后。

这只是一个样式技巧<代码>输入可完全编辑或禁用(根本不可编辑)。这是无法回避的

在链接到的表单中所做的是一个技巧,将“冻结”文本放置在输入字段上,使其看起来好像是实际输入标记的一部分,但实际上并非如此


嗯。看看如何使用样式来创建所需的错觉。

以下是使用Bootstrap 3的示例:


.our-domain.com

嗯。。。即使您设置了该值,最终用户仍然可以更改它的源代码,如提供的示例所示,并执行相同的操作。不要在您的输入字段中使用该值,只需向用户显示并在后端执行一些工作,以再次追加该值。这是一个引导过程。查看HTML源代码并从那里开始,或者访问并浏览示例。非常简洁。简单。
<div class="container">
  <div class="form-group">
    <div class="input-group">
    <input type="text" class="form-control" placeholder="Your sub-domaion here">
    <span class="input-group-addon" title="Type of Question">.our-domain.com</span>
    </div>
  </div>
</div>