[Archived] Create or customize registrasion system with HTML?

Details:
hi punbb community

i want to ask..
how to make registrasion system with HTML??

before, i need create registration system with html, so like this


and when click of a button regis, will automatically create a new topic, with title "full name"

example.
http://michiko.indonesianforum.net/h2-regis

my code

Code:

<center><div class="form-all">
  <form accept-charset="utf-8" id="22132729360347" name="form_22132729360347" method="post" action="" class="jotform-form" novalidate="true">
    <ul class="form-section">
      <li class="form-input-wide" id="cid_1">
        <div class="form-header-group">
          <h2 class="form-header" id="header_1">
            Swiss Registration
          </h2>
        </div>
      </li>
      <li id="id_3" class="form-line">
        <label for="input_3" id="label_3" class="form-label-left">
          Full Name<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_3"><span class="form-sub-label-container"><input type="text" size="30" name="q3_Name" id="input_3" class="form-textbox validate[required]" placeholder="Your Name">
            <label for="input_3" class="form-sub-label"> Bla Bla bla. </label></span>
        </div>
      </li>
      <li id="id_6" class="form-line">
        <label for="input_6" id="label_6" class="form-label-left">
          Class<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_6"><span class="form-sub-label-container"><input type="text" maxlength="5" size="5" name="q6_abbreviation" id="input_6" class="form-textbox validate[required]" placeholder="V5">
            <label for="input_6" class="form-sub-label"> Bla Bla Bla. </label></span>
        </div>
      </li>
      
      

    </ul>
 </form>
 <ul class="form-section">
      <li class="form-line" id="buttonsend">
        
 <form enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="/post" novalidate="true">
 <input type="text" id="postsubject" onkeypress="if (event.keyCode==13){return false}" title="The length of the title for this topic must be ranging between 5 and 255 characters" tabindex="2" maxlength="255" size="45" value="" name="subject" class="post" style="display:none;">
        <textarea wrap="virtual" tabindex="3" cols="35" rows="15" name="message" class="post" id="text_editor_textarea" style="display:none;"></textarea>
 <div id="hidden_auths"><input type="hidden" value="0" name="lt"><input type="hidden" value="65f139b5843fe167deb83405c357fa37" name="auth[]"><input type="hidden" value="d9689faa4fe44e84eba4e72984f1638c" name="auth[]"><input type="hidden" value="newtopic" name="mode"><input type="hidden" value="12" name="f"><input type="hidden" value="fdc1c1d0b3f537369cd1dcf7eadd03ae" name="tid"><input type="hidden" value="_s-xclick" name="cmd"><input type="hidden" value="
" name="encrypted"></div>
 <center><input type="submit" onclick="return takeemall();" accesskey="s" tabindex="6" value="Register" name="post" class="mainoption"></center></center>
 </form>
 
     </li>
  </ul></div>

<style>
.form-header {
  color: #0288A6 !important;
  font-size: 50px;
  margin-top: 10px;
}

.form-label {
    font-weight: bold;
    width: 150px !important;
}
.form-label-left {
    width: 200px !important;
}
.form-line {
    background: none repeat scroll 0 0 #141414 !important;
    color: inherit;
    padding-bottom: 12px;
    padding-top: 12px;
}
.form-label-right {
    width: 150px !important;
}

.form-label-right {
    display: inline-block;
    float: left;
    margin-bottom: 6px;
    padding: 3px;
    text-align: right;
    white-space: normal;
}

body, html {
    background: url("http://i41.servimg.com/u/f41/17/61/95/60/back10.png") repeat fixed 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}
.form-all {
  background: none repeat scroll 0 0 #141414;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 3px rgba(0, 0, 0, 0.9);
  color: #E0E0E0 !important;
  font-family: 'Arial';
  font-size: 14px;
  margin: 10px auto;
  list-style: none outside none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  width: 650px;
}

.form-section, .form-section-closed {
  list-style: none outside none;
}

.form-required {
  color: #FF0000;
  margin-left: 5px;
}

.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header {
    color: #E0E0E0;
}
.form-header-group {
    background: none repeat scroll 0 0 #141414;
}
.form-header {
    color: #0288A6 !important;
}

.form-sub-label {
  color: #999999;
  display: block;
  font-size: 9px;
}

.form-sub-label-container {
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
}

.form-line {
  background: none repeat scroll 0 0 #141414 !important;
  color: inherit;
  padding-bottom: 12px;
  padding-top: 12px;
  clear: both;
  display: block;
  margin: 0;
  padding: 10px;
  position: relative;
  width: -moz-available;

}

.form-label-left {
  padding: 3px;
  text-align: left;
  white-space: normal;
  width: 200px !important;
}


.form-header-group {
  background: none repeat scroll 0 0 #141414;
  clear: both;
  padding: 12px;
}

.form-subHeader {
  border-top: 1px solid #CCCCCC;
  font-style: italic;
}

.form-label {
    display: inline-block;
    margin-bottom: 6px;
    white-space: normal;
    width: 150px;
}
.form-label-top {
    display: block;
    margin-bottom: 6px;
    white-space: normal;
}

</style>

please help me , :)thanks a lot XD




Your Forum Address:
http://michiko.indonesianforum.net/h2-regis

Forum Version:
Phpbb2

Click me try to get some tips in that thread

What do you mean? Create a thread or register?

i think she/he means that he/she wants to create a registration/Log-in page with his/her style..

i think he want to make a direct post like here, i mean like question form but he want with his style form

Hiruko wrote:Details:
hi punbb community

i want to ask..
how to make registrasion system with HTML??

before, i need create registration system with html, so like this


and when click of a button regis, will automatically create a new topic, with title "full name"

example.
http://michiko.indonesianforum.net/h2-regis

my code

Code:

<center><div class="form-all">
  <form accept-charset="utf-8" id="22132729360347" name="form_22132729360347" method="post" action="" class="jotform-form" novalidate="true">
    <ul class="form-section">
      <li class="form-input-wide" id="cid_1">
        <div class="form-header-group">
          <h2 class="form-header" id="header_1">
            Swiss Registration
          </h2>
        </div>
      </li>
      <li id="id_3" class="form-line">
        <label for="input_3" id="label_3" class="form-label-left">
          Full Name<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_3"><span class="form-sub-label-container"><input type="text" size="30" name="q3_Name" id="input_3" class="form-textbox validate[required]" placeholder="Your Name">
            <label for="input_3" class="form-sub-label"> Bla Bla bla. </label></span>
        </div>
      </li>
      <li id="id_6" class="form-line">
        <label for="input_6" id="label_6" class="form-label-left">
          Class<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_6"><span class="form-sub-label-container"><input type="text" maxlength="5" size="5" name="q6_abbreviation" id="input_6" class="form-textbox validate[required]" placeholder="V5">
            <label for="input_6" class="form-sub-label"> Bla Bla Bla. </label></span>
        </div>
      </li>
      
      

    </ul>
   </form>
   <ul class="form-section">
      <li class="form-line" id="buttonsend">
        
       <form enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="/post" novalidate="true">
      <input type="text" id="postsubject" onkeypress="if (event.keyCode==13){return false}" title="The length of the title for this topic must be ranging between 5 and 255 characters" tabindex="2" maxlength="255" size="45" value="" name="subject" class="post" style="display:none;">
        <textarea wrap="virtual" tabindex="3" cols="35" rows="15" name="message" class="post" id="text_editor_textarea" style="display:none;"></textarea>
      <div id="hidden_auths"><input type="hidden" value="0" name="lt"><input type="hidden" value="65f139b5843fe167deb83405c357fa37" name="auth[]"><input type="hidden" value="d9689faa4fe44e84eba4e72984f1638c" name="auth[]"><input type="hidden" value="newtopic" name="mode"><input type="hidden" value="12" name="f"><input type="hidden" value="fdc1c1d0b3f537369cd1dcf7eadd03ae" name="tid"><input type="hidden" value="_s-xclick" name="cmd"><input type="hidden" value="
" name="encrypted"></div>
      <center><input type="submit" onclick="return takeemall();" accesskey="s" tabindex="6" value="Register" name="post" class="mainoption"></center></center>
      </form>
      
      </li>
  </ul></div>

<style>
.form-header {
  color: #0288A6 !important;
  font-size: 50px;
  margin-top: 10px;
}

.form-label {
    font-weight: bold;
    width: 150px !important;
}
.form-label-left {
    width: 200px !important;
}
.form-line {
    background: none repeat scroll 0 0 #141414 !important;
    color: inherit;
    padding-bottom: 12px;
    padding-top: 12px;
}
.form-label-right {
    width: 150px !important;
}

.form-label-right {
    display: inline-block;
    float: left;
    margin-bottom: 6px;
    padding: 3px;
    text-align: right;
    white-space: normal;
}

body, html {
    background: url("http://i41.servimg.com/u/f41/17/61/95/60/back10.png") repeat fixed 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}
.form-all {
  background: none repeat scroll 0 0 #141414;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 3px rgba(0, 0, 0, 0.9);
  color: #E0E0E0 !important;
  font-family: 'Arial';
  font-size: 14px;
  margin: 10px auto;
  list-style: none outside none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  width: 650px;
}

.form-section, .form-section-closed {
  list-style: none outside none;
}

.form-required {
  color: #FF0000;
  margin-left: 5px;
}

.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header {
    color: #E0E0E0;
}
.form-header-group {
    background: none repeat scroll 0 0 #141414;
}
.form-header {
    color: #0288A6 !important;
}

.form-sub-label {
  color: #999999;
  display: block;
  font-size: 9px;
}

.form-sub-label-container {
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
}

.form-line {
  background: none repeat scroll 0 0 #141414 !important;
  color: inherit;
  padding-bottom: 12px;
  padding-top: 12px;
  clear: both;
  display: block;
  margin: 0;
  padding: 10px;
  position: relative;
  width: -moz-available;

}

.form-label-left {
  padding: 3px;
  text-align: left;
  white-space: normal;
  width: 200px !important;
}


.form-header-group {
  background: none repeat scroll 0 0 #141414;
  clear: both;
  padding: 12px;
}

.form-subHeader {
  border-top: 1px solid #CCCCCC;
  font-style: italic;
}

.form-label {
    display: inline-block;
    margin-bottom: 6px;
    white-space: normal;
    width: 150px;
}
.form-label-top {
    display: block;
    margin-bottom: 6px;
    white-space: normal;
}

</style>

please help me , :)thanks a lot XD




Your Forum Address:
http://michiko.indonesianforum.net/h2-regis

Forum Version:
Phpbb2

tommycoo wrote:i think he want to make a direct post like here, i mean like question form but he want with his style form

sir tommy i think she/he wants to know "how to make registration system with HTML??" like he/she said in he/she's post he/she want's to create a Registration system using HTML for her/his forum... so i gave her/she a link from our tutorials

the link you gave is for login not registration

 my bad. but... she/he can get some info to add in her/he's Code

yeah i need "direct post" through HTML.

I'm Explain:
I want to make tournament system,
but registration must go through the HTML that I made.
http://michiko.indonesianforum.net/h2-regis

and when click register,

directly automatically create a new topic in the forum / sub-forum that I specify.

instances when it fills column HTML, automatically made ​​topics like this:


my code:
https://punbb-design.forumotion.com/t160-create-or-customize-registrasion-system-with-html#995

how to be like that?
please help me ^^

thanks before

Well im quite sure it's not yours code, but just change this piece of code [ic]<input type="hidden" value="12" name="f">[/ic] on [ic]name="f">[/ic] by the number of your subforum where you want post to be made (example f7) and set in security [ic]Unauthorize unofficial forms to post messages and private messages on the forum : NO[/ic]

Nep wrote:Well im quite sure it's not yours code, but just change this piece of code [ic]<input type="hidden" value="12" name="f">[/ic] on [ic]name="f">[/ic] by the number of your subforum where you want post to be made (example f7) and set in security [ic]Unauthorize unofficial forms to post messages and private messages on the forum : NO[/ic]

hmm, thanks for reply

i done try but fail
caption:
The forum you selected does not exist

step 1:
I done change to f3


step 2:
I done change


result:
The forum you selected does not exist

is there something wrong?

my code:

Code:

<center><div class="form-all">
  <form accept-charset="utf-8" id="22132729360347" name="form_22132729360347" method="post" action="" class="jotform-form" novalidate="true">
    <ul class="form-section">
      <li class="form-input-wide" id="cid_1">
        <div class="form-header-group">
          <h2 class="form-header" id="header_1">
            Swiss Registration
          </h2>
        </div>
      </li>
      <li id="id_3" class="form-line">
        <label for="input_3" id="label_3" class="form-label-left">
          Full Name<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_3"><span class="form-sub-label-container"><input type="text" size="30" name="q3_Name" id="input_3" class="form-textbox validate[required]" placeholder="Your Name">
            <label for="input_3" class="form-sub-label"> Bla Bla bla. </label></span>
        </div>
      </li>
      <li id="id_6" class="form-line">
        <label for="input_6" id="label_6" class="form-label-left">
          Class<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_6"><span class="form-sub-label-container"><input type="text" maxlength="5" size="5" name="q6_abbreviation" id="input_6" class="form-textbox validate[required]" placeholder="V5">
            <label for="input_6" class="form-sub-label"> Bla Bla Bla. </label></span>
        </div>
      </li>
      <li id="id_8" class="form-line">
        <label for="input_8" id="label_8" class="form-label-left">
          Your Website<span class="form-required">*</span>
        </label>
        <div class="form-input" id="cid_8"><span class="form-sub-label-container"><input type="text" size="50" name="q8_websiteAddress8" id="input_8" class="form-textbox validate[required]" placeholder=" www.blablabla.com">
            <label for="input_8" class="form-sub-label"> bla bla bla. </label></span>
        </div>
      </li>
<li id="id_9" class="form-line">
        <label for="input_9" id="label_9" class="form-label-left"> Your Experience</label>
        <div class="form-input" id="cid_9"><span class="form-sub-label-container"><textarea rows="6" cols="30" name="q9_additionalInfo" class="form-textarea" id="input_9"></textarea>
            <label for="input_9" class="form-sub-label">bla bla bla </label></span>
        </div>
      </li>
     

    </ul>
   </form>
   <ul class="form-section">
      <li class="form-line" id="buttonsend">
       
       <form enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="/post" novalidate="true">
      <input type="text" id="postsubject" onkeypress="if (event.keyCode==13){return false}" title="The length of the title for this topic must be ranging between 5 and 255 characters" tabindex="2" maxlength="255" size="45" value="" name="subject" class="post" style="display:none;">
        <textarea wrap="virtual" tabindex="3" cols="35" rows="15" name="message" class="post" id="text_editor_textarea" style="display:none;"></textarea>
      <div id="hidden_auths"><input type="hidden" value="0" name="lt"><input type="hidden" value="65f139b5843fe167deb83405c357fa37" name="auth[]"><input type="hidden" value="d9689faa4fe44e84eba4e72984f1638c" name="auth[]"><input type="hidden" value="newtopic" name="mode"><input type="hidden" value="12" name="f3"><input type="hidden" value="fdc1c1d0b3f537369cd1dcf7eadd03ae" name="tid"><input type="hidden" value="_s-xclick" name="cmd"><input type="hidden" value="
" name="encrypted"></div>
      <center><input type="submit" onclick="return takeemall();" accesskey="s" tabindex="6" value="Register" name="post" class="mainoption"></center></center>
      </form>
      
      </li>
  </ul></div>

<style>
.form-header {
  color: #0288A6 !important;
  font-size: 50px;
  margin-top: 10px;
}

.form-label {
    font-weight: bold;
    width: 150px !important;
}
.form-label-left {
    width: 200px !important;
}
.form-line {
    background: none repeat scroll 0 0 #141414 !important;
    color: inherit;
    padding-bottom: 12px;
    padding-top: 12px;
}
.form-label-right {
    width: 150px !important;
}

.form-label-right {
    display: inline-block;
    float: left;
    margin-bottom: 6px;
    padding: 3px;
    text-align: right;
    white-space: normal;
}

body, html {
    background: url("http://i41.servimg.com/u/f41/17/61/95/60/back10.png") repeat fixed 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}
.form-all {
  background: none repeat scroll 0 0 #141414;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 3px rgba(0, 0, 0, 0.9);
  color: #E0E0E0 !important;
  font-family: 'Arial';
  font-size: 14px;
  margin: 10px auto;
  list-style: none outside none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  width: 650px;
}

.form-section, .form-section-closed {
  list-style: none outside none;
}

.form-required {
  color: #FF0000;
  margin-left: 5px;
}

.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header {
    color: #E0E0E0;
}
.form-header-group {
    background: none repeat scroll 0 0 #141414;
}
.form-header {
    color: #0288A6 !important;
}

.form-sub-label {
  color: #999999;
  display: block;
  font-size: 9px;
}

.form-sub-label-container {
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
}

.form-line {
  background: none repeat scroll 0 0 #141414 !important;
  color: inherit;
  padding-bottom: 12px;
  padding-top: 12px;
  clear: both;
  display: block;
  margin: 0;
  padding: 10px;
  position: relative;
  width: -moz-available;

}

.form-label-left {
  padding: 3px;
  text-align: left;
  white-space: normal;
  width: 200px !important;
}


.form-header-group {
  background: none repeat scroll 0 0 #141414;
  clear: both;
  padding: 12px;
}

.form-subHeader {
  border-top: 1px solid #CCCCCC;
  font-style: italic;
}

.form-label {
    display: inline-block;
    margin-bottom: 6px;
    white-space: normal;
    width: 150px;
}
.form-label-top {
    display: block;
    margin-bottom: 6px;
    white-space: normal;
}

</style>

please help me, thanks before ^^

There are many errors in input form which doesn't match the topic title when the correct forums is selected.
Use this and you must change with your classes in the html form which you've posted.

Code:

[panda=html]     <input name="subject" type="hidden">
     <input name="message" type="hidden">
     <input name="mode" value="newtopic" type="hidden">
     <input name="f" value="7" type="hidden">
     <input name="lt" value="0" type="hidden">

[ic]value="7"[/ic] subforum where you want for post to arrive.

PS: I don't understand the meaning of these input values in your code    

<input type="hidden" value="0" name="lt"><input type="hidden" value="65f139b5843fe167deb83405c357fa37" name="auth[]"><input type="hidden" value="d9689faa4fe44e84eba4e72984f1638c" name="auth[]"><input type="hidden" value="newtopic" name="mode"><input type="hidden" value="12" name="f3"><input type="hidden" value="fdc1c1d0b3f537369cd1dcf7eadd03ae" name="tid"><input type="hidden" value="_s-xclick" name="cmd"><input type="hidden" value="
" name="encrypted">

Nep wrote:There are many errors in input form which doesn't match the topic title when the correct forums is selected.
Use this and you must change with your classes in the html form which you've posted.

Code:

[panda=html]     <input name="subject" type="hidden">
     <input name="message" type="hidden">
     <input name="mode" value="newtopic" type="hidden">
     <input name="f" value="7" type="hidden">
     <input name="lt" value="0" type="hidden">

[ic]value="7"[/ic] subforum where you want for post to arrive.

PS: I don't understand the meaning of these input values in your code    

<input type="hidden" value="0" name="lt"><input type="hidden" value="65f139b5843fe167deb83405c357fa37" name="auth[]"><input type="hidden" value="d9689faa4fe44e84eba4e72984f1638c" name="auth[]"><input type="hidden" value="newtopic" name="mode"><input type="hidden" value="12" name="f3"><input type="hidden" value="fdc1c1d0b3f537369cd1dcf7eadd03ae" name="tid"><input type="hidden" value="_s-xclick" name="cmd"><input type="hidden" value="
" name="encrypted">

I have tried, with the code you provide.
and I had to remove some unnecessary code.
now, look like this

Code:

<center><div class="form-all">
  <form accept-charset="utf-8" id="22132729360347" name="form_22132729360347" method="post" action="" class="jotform-form" novalidate="true">
    <ul class="form-section">
      <li class="form-input-wide" id="cid_1">
        <div class="form-header-group">
          <h2 class="form-header" id="header_1">
            Swiss Registration
          </h2>
        </div>
      </li>
      <li id="id_3" class="form-line">
        <label for="input_3" id="label_3" class="form-label-left">
          Full Name<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_3"><span class="form-sub-label-container"><input type="text" size="30" name="q3_Name" id="input_3" class="form-textbox validate[required]" placeholder="Your Name">
            <label for="input_3" class="form-sub-label"> Bla Bla bla. </label></span>
        </div>
      </li>
      <li id="id_6" class="form-line">
        <label for="input_6" id="label_6" class="form-label-left">
          Class<span class="form-required">:</span>
        </label>
        <div class="form-input" id="cid_6"><span class="form-sub-label-container"><input type="text" maxlength="5" size="5" name="q6_abbreviation" id="input_6" class="form-textbox validate[required]" placeholder="V5">
            <label for="input_6" class="form-sub-label"> Bla Bla Bla. </label></span>
        </div>
      </li>
      <li id="id_8" class="form-line">
        <label for="input_8" id="label_8" class="form-label-left">
          Your Website<span class="form-required">*</span>
        </label>
        <div class="form-input" id="cid_8"><span class="form-sub-label-container"><input type="text" size="50" name="q8_websiteAddress8" id="input_8" class="form-textbox validate[required]" placeholder=" www.blablabla.com">
            <label for="input_8" class="form-sub-label"> bla bla bla. </label></span>
        </div>
      </li>
<li id="id_9" class="form-line">
        <label for="input_9" id="label_9" class="form-label-left"> Your Experience</label>
        <div class="form-input" id="cid_9"><span class="form-sub-label-container"><textarea rows="6" cols="30" name="q9_additionalInfo" class="form-textarea" id="input_9"></textarea>
            <label for="input_9" class="form-sub-label">bla bla bla </label></span>
        </div>
      </li>
     

    </ul>
   </form>
   <ul class="form-section">
      <li class="form-line" id="buttonsend">
       
       <form enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="/post" novalidate="true">
      <input type="text" id="postsubject" onkeypress="if (event.keyCode==13){return false}" title="The length of the title for this topic must be ranging between 5 and 255 characters" tabindex="2" maxlength="255" size="45" value="" name="subject" class="post" style="display:none;">
        <textarea wrap="virtual" tabindex="3" cols="35" rows="15" name="message" class="post" id="text_editor_textarea" style="display:none;"></textarea>
      <div id="hidden_auths">
<input name="subject" type="hidden">
    <input name="message" type="hidden">
    <input name="mode" value="newtopic" type="hidden">
    <input name="f" value="3" type="hidden">
    <input name="lt" value="0" type="hidden">
</div>
      <center><input type="submit" onclick="return takeemall();" accesskey="s" tabindex="6" value="Register" name="post" class="mainoption"></center></center>
      </form>
      
      </li>
  </ul></div>

<style>
.form-header {
  color: #0288A6 !important;
  font-size: 50px;
  margin-top: 10px;
}

.form-label {
    font-weight: bold;
    width: 150px !important;
}
.form-label-left {
    width: 200px !important;
}
.form-line {
    background: none repeat scroll 0 0 #141414 !important;
    color: inherit;
    padding-bottom: 12px;
    padding-top: 12px;
}
.form-label-right {
    width: 150px !important;
}

.form-label-right {
    display: inline-block;
    float: left;
    margin-bottom: 6px;
    padding: 3px;
    text-align: right;
    white-space: normal;
}

body, html {
    background: url("http://i41.servimg.com/u/f41/17/61/95/60/back10.png") repeat fixed 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}
.form-all {
  background: none repeat scroll 0 0 #141414;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 1px 3px rgba(0, 0, 0, 0.9);
  color: #E0E0E0 !important;
  font-family: 'Arial';
  font-size: 14px;
  margin: 10px auto;
  list-style: none outside none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  width: 650px;
}

.form-section, .form-section-closed {
  list-style: none outside none;
}

.form-required {
  color: #FF0000;
  margin-left: 5px;
}

.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header {
    color: #E0E0E0;
}
.form-header-group {
    background: none repeat scroll 0 0 #141414;
}
.form-header {
    color: #0288A6 !important;
}

.form-sub-label {
  color: #999999;
  display: block;
  font-size: 9px;
}

.form-sub-label-container {
    display: inline-block;
    margin-right: 5px;
    white-space: nowrap;
}

.form-line {
  background: none repeat scroll 0 0 #141414 !important;
  color: inherit;
  padding-bottom: 12px;
  padding-top: 12px;
  clear: both;
  display: block;
  margin: 0;
  padding: 10px;
  position: relative;
  width: -moz-available;

}

.form-label-left {
  padding: 3px;
  text-align: left;
  white-space: normal;
  width: 200px !important;
}


.form-header-group {
  background: none repeat scroll 0 0 #141414;
  clear: both;
  padding: 12px;
}

.form-subHeader {
  border-top: 1px solid #CCCCCC;
  font-style: italic;
}

.form-label {
    display: inline-block;
    margin-bottom: 6px;
    white-space: normal;
    width: 150px;
}
.form-label-top {
    display: block;
    margin-bottom: 6px;
    white-space: normal;
}

</style>

but when I tried to register, why the topic of messages to be blank.

caption:
Subjects must be filled for a new message
Must enter a message



why not direct a new topic?
http://michiko.indonesianforum.net/h2-regis

is there something wrong?

please help me, thanks before ^^

Yes the problem is with [ic] <form accept-charset="utf-8" id="22132729360347" name="form_22132729360347" method="post" action="" class="jotform-form" novalidate="true">[/ic] you must intergrate id and name forms with the input code which i gave you and so on recheck again full code.

Nep wrote:Yes the problem is with [ic] <form accept-charset="utf-8" id="22132729360347" name="form_22132729360347" method="post" action="" class="jotform-form" novalidate="true">[/ic] you must intergrate id and name forms with the input code which i gave you and so on recheck again full code.

I had to replace with what? I tried to change the ID forum, but it did not work.
this my code, I think it is wrong,

Code:

<form accept-charset="utf-3" id="3" name="form_22132729360347" method="post" action="" class="jotform-form" novalidate="true">

nothing help? , please help me

Can't help you any further. This code is such a mess.

Nep wrote:Can't help you any further. This code is such a mess.

Can you make a tutorial like that mr.nep ?  
with basic code, in order to make the registration system via HTML (direct post) can run correctly.

tutorials like that, for you may be very easy,
I really need. if I do not need, I would not say like this.  

please help me, please, mr.nep  

thanks a lot

Is this solved now?