formularz kontaktowy

<div class=”panel panel-info”>
<div class=”panel-heading text-center text-primary grid__item color-2″><span class=”link link–surinami”data-letters-l=”Formu” data-letters-r=”larz”>Formularz</span></div>
<div class=”panel-body”>

<?php echo $response; ?>
<form id=”my-contact-form” action=”<?php the_permalink(); ?>” method=”post” class=”form-horizontal role=”form”>

<fieldset>
<legend>Please fill in this form to contact us</legend>
<div class=”form-group”>
<label for=”name” class=”col-sm-4 control-label”>Your name <sup class=”text-danger”>* </sup>: </label>
<div class=”col-sm-8″>

<?php /*kodowanie znakow html tj <> na & itd zapobiega wstrzykiwaniu zlosliwego kodu,(wbud wp)*/?>

<input type=”text” name=”message_name” value=”<?php echo esc_attr($_POST[‚message_name’]); ?>”
required=”required” class=”form-control” >

</div>

</div>

<div class=”form-group”>

<label for=”message_email” class=”col-sm-4 control-label”>Your email <sup class=”text-danger”>* </sup>: </label>
<div class=”col-sm-8″>

<input type=”text” name=”message_email” value=”<?php echo esc_attr($_POST[‚message_email’]); ?>”required=”required” class=”form-control”>

</div>
</div>

<div class=”form-group”>

<label for=”message_text” class=”col-sm-4 control-label”>Your message <sup class=”text-danger”>* </sup>: </label>
<div class=”col-sm-8″>

<?php /*usuwa szkodliwe znaki */?>
<textarea type=”text” name=”message_text” cols=”30″ rows=”4″ required=”required” class=”form-control”>
<?php echo esc_textarea($_POST[‚message_text’]);?>

</textarea>

</div>
</div>

<div class=”form-group”>

<p><label for=”message_human”>Human Verification: <span>*</span> <br><input type=”text” style=”width: 60px;” name=”message_human”> + 3 = 5</label></p>
<input type=”hidden” name=”submitted” value=”1″>
<p><input type=”submit”></p>
</div>
</fieldset>
</form>

</div>
</div>
</div>

</div> 

7.Definicja formularza w tagu form, określenie jego id.
11. W tym divie są informacje dotyczące labelki i przynależące do niej pola input
12.col-sm-4 control-label- dla urządzeń mobilnych labelka będzie miała szerokość 4 kolumn, nadanie klasy lementowu control-label dla stylizacji labelki na bootstrap.
Reszta kodu się powtarza.

Share This

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *