This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Contact Forms

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
3
4
5
<!-- DC Contact Form CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/contact_forms/css/dc_form_contact_dark.css" />
<link type="text/css" rel="stylesheet" href="dcodes/contact_forms/css/dc_form_contact_light.css" />
<!-- DC Contact Form JS -->
<script type="text/javascript" src="dcodes/contact_forms/js/dc_form_contact.js"></script>

Hosted: CSS/JS files (add code to <HEAD> section):

?
1
2
3
4
5
<!-- DC Contact Form CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/contact_forms/css/dc_form_contact_dark.css" />
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/contact_forms/css/dc_form_contact_light.css" />
<!-- DC Contact Form JS -->
<script type="text/javascript" src="http://cdn.dcodes.net/2/contact_forms/js/dc_form_contact.js"></script>

Contact Form Style 1 : Black Standard

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- DC Contact Form Start -->
  <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;">
    <form action="" class="dc_form_contact_dark">
      <label for="name">Name <span>(required)</span></label>
      <input type="text" name="name" class="form-input" required />
      <label for="email">Email <span>(required)</span></label>
      <input type="email" name="email" class="form-input" required />
      <label for="subject">Subject <span>(optional)</span></label>
      <input type="text" name="subject" class="form-input" />
      <label for="message">Message <span>(required)</span></label>
      <textarea name="message" class="form-input" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
    </div>
<!-- DC Contact Form End -->

Contact Form Style 1 : Black Internal

View code:

?
1
2
3
4
5
6
7
8
9
10
11
<!-- DC Contact Form Start -->
  <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;">
    <form action="" class="dc_form_contact_dark nolabel">
      <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
      <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
      <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
      <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
  </div>
<!-- DC Contact Form End -->

Contact Form Style 1 : White Standard


View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- DC Contact Form Start -->
  <form action="" class="dc_form_contact_light">
    <label for="name">Name <span>(required)</span></label>
    <input type="text" name="name" class="form-input" required />
    <label for="email">Email <span>(required)</span></label>
    <input type="email" name="email" class="form-input" required />
    <label for="subject">Subject <span>(optional)</span></label>
    <input type="text" name="subject" class="form-input" />
    <label for="message">Message <span>(required)</span></label>
    <textarea name="message" class="form-input" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->

Contact Form Style 1 : White Internal


View code:

?
1
2
3
4
5
6
7
8
9
<!-- DC Contact Form Start -->
  <form action="" class="dc_form_contact_light nolabel">
    <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
    <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
    <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
    <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->

Contact Form Style 2 : Black

How can we help you?

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- DC Contact Form Start -->
  <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;">
    <form action="" class="dc_form_contact_dark frame tbar">
      <h3>How can we help you?</h3>
      <label for="name">Name <span>(required)</span></label>
      <input type="text" name="name" class="form-input" required />
      <label for="email">Email <span>(required)</span></label>
      <input type="email" name="email" class="form-input" required />
      <label for="subject">Subject <span>(optional)</span></label>
      <input type="text" name="subject" class="form-input" />
      <label for="message">Message <span>(required)</span></label>
      <textarea name="message" class="form-input" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
        </div>
<!-- DC Contact Form End -->

Contact Form Style 2 : Black Internal

How can we help you?

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
<!-- DC Contact Form Start -->
    <div style="margin-bottom:20px; padding:20px 20px 0; color:#ccc; background:#000000; border:1px solid #000; border-radius:8px;">
    <form action="" class="dc_form_contact_dark frame tbar nolabel">
      <h3>How can we help you?</h3>
      <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
      <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
      <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
      <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
      <input class="form-btn" type="submit" value="Send Message" />
    </form>
         </div>
<!-- DC Contact Form End -->

Contact Form Style 2 : White Standard


How can we help you?

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- DC Contact Form Start -->
  <form action="" class="dc_form_contact_light frame tbar">
    <h3>How can we help you?</h3>
    <label for="name">Name <span>(required)</span></label>
    <input type="text" name="name" class="form-input" required />
    <label for="email">Email <span>(required)</span></label>
    <input type="email" name="email" class="form-input" required />
    <label for="subject">Subject <span>(optional)</span></label>
    <input type="text" name="subject" class="form-input" />
    <label for="message">Message <span>(required)</span></label>
    <textarea name="message" class="form-input" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->

Contact Form Style 2 : White Internal


How can we help you?

View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Contact Form Start -->
  <form action="" class="dc_form_contact_light frame tbar nolabel">
    <h3>How can we help you?</h3>
    <input type="text" name="name" class="form-input" placeholder="Name (required)" required />
    <input type="email" name="email" class="form-input" placeholder="Email (required)" required />
    <input type="text" name="subject" class="form-input" placeholder="Subject (optional)" />
    <textarea name="message" class="form-input"  placeholder="Message (required)" required></textarea>
    <input class="form-btn" type="submit" value="Send Message" />
  </form>
<!-- DC Contact Form End -->


© TemplateAccess