编辑主题表单,有困难

时间:2015-04-27 14:10:58

标签: html css forms

></div>
<p> </p>
<div></div>
<form method="post" class="contact-form" action="/contact" accept-charset="UTF-8">
  <input value="contact" name="form_type" type="hidden" />
  <input value="✓" name="utf8" type="hidden" />
  <h3>Drop us a line</h3>
  <div class="krown-column-container span4 first">
    <label class="hidden-label" for="contactFormName">Name</label>
    <input value="" autocapitalize="words" placeholder="Name" name="contact[name]" id="contactFormName" type="text" />
  </div>
  <div class="krown-column-container span4">
    <label class="hidden-label" for="contactFormEmail">Email</label>
    <input value="" autocapitalize="off" autocorrect="off" placeholder="Email" name="contact[email]" id="contactFormEmail" type="email" />
  </div>
  <div class="krown-column-container span4">
    <label class="hidden-label" for="contactFormPhone">Phone Number</label>
    <input value="" pattern="[0-9]*" placeholder="Phone Number" name="contact[phone]" id="contactFormPhone" type="tel" />
  </div>
  <div class="krown-column-container span12 first">
    <label class="hidden-label" for="contactFormMessage">Message</label>
    <textarea placeholder="Message" name="contact[body]" id="contactFormMessage" rows="10"></textarea>
  </div>
  <br style="clear: left;" />
  <input value="Submit" class="button color" type="submit" />
</form>

我有一个主题的表单,我想稍微调整一下。我想更改背景字段,使其具有颜色(不是现在的纯白色)。我也想设置它以便在填写表单后转到我的一封电子邮件。我发现很容易在浏览器的inspect元素中完成所有这些操作但不能在编辑器中完成。

我在这里有html代码。

    > </div>
<p> </p>
<div></div>
<form method="post" class="contact-form" action="/contact" accept-charset="UTF-8"><input value="contact" name="form_type" type="hidden" /><input value="✓" name="utf8" type="hidden" />
<h3>Drop us a line</h3>
<div class="krown-column-container span4 first"><label class="hidden-label" for="contactFormName">Name</label> <input value="" autocapitalize="words" placeholder="Name" name="contact[name]" id="contactFormName" type="text" /></div>
<div class="krown-column-container span4"><label class="hidden-label" for="contactFormEmail">Email</label> <input value="" autocapitalize="off" autocorrect="off" placeholder="Email" name="contact[email]" id="contactFormEmail" type="email" /></div>
<div class="krown-column-container span4"><label class="hidden-label" for="contactFormPhone">Phone Number</label> <input value="" pattern="[0-9]*" placeholder="Phone Number" name="contact[phone]" id="contactFormPhone" type="tel" /></div>
<div class="krown-column-container span12 first"><label class="hidden-label" for="contactFormMessage">Message</label> <textarea placeholder="Message" name="contact[body]" id="contactFormMessage" rows="10"></textarea></div>
<br style="clear: left;" /> <input value="Submit" class="button color" type="submit" /></form>

0 个答案:

没有答案