保护联系表单中输入文本框的一部分

I was wondering whether it is possible to edit the code of Contact Us form in blogger so that i can put a predefined text in the message box of the contact form ,

我想知道是否可以在博客中编辑“联系我”表格的代码,以便我可以在联系表格的消息框中输入预定义的文本,

This predefined text should be not be editable by the user and he can still write his message in the message box , which actually will get appended to the predefined message.

用户不能编辑该预定义文本,并且他仍然可以在消息框中写入他的消息,该消息实际上将附加到预定义消息中。

I have seen many persons with customized contact us form for Blogger

我见过许多人为Blogger定制联系我们表格

2 个解决方案

#1

I am not sure, if I correctly understood your problem. To my understanding, I feel your problem can be achieved in two ways.

我不确定,如果我正确理解你的问题。据我了解,我认为你的问题可以通过两种方式实现。

Position Div and using padding left to your input field

定位Div并使用填充左侧输入字段

<html>
  <body>
      <div style="position:absolute;">
          This is non editable
      </div>
      <div>
          <input id="messagebox" size="90" style="padding-left:115px;"> 
      </div>
  <body>
<html>

2. Using readonly input tag

2.使用只读输入标记

<html>
  <body>
      <div>
          <input type="text" value="This is non editable" readonly size="16">
          <input id="messagebox" size="90" style="margin-left:-5px; border-left: 0px"> 
      </div>
  <body>
<html>

#2

You need to use textarea with attribute readonly. Like this:

您需要将textarea与属性readonly一起使用。像这样:

<textarea readonly>
    Here is some readonly text
</textarea>

You can achieve this with simple div element of HTML. Like this

您可以使用HTML的简单div元素来实现此目的。像这样

<div>
    Here is some readonly text
</div>

To use "div" as "textarea" you can refer this.

要将“div”用作“textarea”,您可以参考这个。

#1