ContactForm Blogger Widget HTML5 Version

Sebelumnya saya membuat posting/ laman dokumentasi pribadi untuk kode blogger widget FollowByEmail sesuai semantik HTML5, dan sekarang di laman ini saya dokumentasikan pula untuk widget ContactFrom.

            <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
              <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h5 class='title'><data:title/></h5></b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <div>
          <label><data:contactFormNameMsg/></label><br/>
          <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='20' type='text' value=''/>
        </div>
        <div>
          <label><data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span></label><br/>
          <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='20' type='text' value=''/>
        </div>
        <div>
          <label><data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span></label><br/>
          <textarea class='contact-form-email-message' cols='40' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='7'/>
        </div>
        <div>
          <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        </div>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <div class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <div class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
</b:includable>
            </b:widget>

Kode widget ContactForm blogger yang dimaksudkan agar sesuai dengan semantik HTML5 di atas mungkin masih jauh dari semantik HTML5 yang benar dan baik. Jadi, saya mohon koreksi dan masukannya.

Jika ada yang ingin menggunakan kode widget di atas, mungkin akan mengalami beberapa masalah seperti tampilannya. Jadi, silakan modifikasi kembali menggunakan CSS Stylesheet untuk memeprbaikinya.