Individuell gestaltetes Beispielformular

05. Aug 2010

Anwendungsbeispiel: Gestaltetes Kontaktformular, bei dem die Elemente individuell platziert und die Styleangaben direkt an die Elemente übergeben wurden

Formular

Beispiel

Individuell gestaltetes Beispielformular

Quelltext

<?php

$formular 
= new wForm();

$formular->addElement('input''name''Name*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie einen Namen an'))));
$formular->addElement('input''street''Strasse*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Strasse an'))));
$formular->addElement('input''streetNumber''Hausnr.*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Hausnummer an'))));
$formular->addElement('input''zip''PLZ*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine gültige Postleitzahl an'))));
$formular->addElement('input''town''Stadt*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Stadt an'))));
$formular->addElement('input''email''E-Mail*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'email''errorMessage' => 'Bitte geben Sie eine gültige E-Mail Adresse an'))));
$formular->addElement('select''type''Typ*', array('attributes' => array('class' => 'L'), 'options' => array('' => 'Bitte wählen Sie Ihren Status aus''customer' => 'Kunde''prospect' => 'Interessent'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte wählen Sie Ihren Status aus.'))));
$formular->addElement('submit''submit''Absenden');

$formular->addEventServer('onSubmit''
  $this->setFormData(wRequest::getParameters());
  if($this->validate()){ 
    $this->initFormData();
    $this->setStatus("sent");
    wResponse::redirect($this->url);
  }
  else{
    $this->setStatus("failed");  
    wResponse::redirect($this->url);
  }
'
);

if(
$formular->getStatus() == 'sent'){
  print 
'<div style="padding:8px;background-color:#ffffff;border:solid 1px #666666">Vielen Dank für Ihre Anmeldung!</div>';
  
$formular->setStatus("");  
}
else{
  if(
$formular->getStatus() == 'failed'){
    
$formular->setStatus(""); 
  }
  
  
$formular->build();

?>
<div class="elementForm">
  <div name="frmDefault" method="POST" action="<?php print $formular->action?>">
    <?php
      
if(!$formular->validate()){
        print 
'<div class="errorMessages">';
        print 
$formular->elements['name']->renderErrorMessage();
        print 
$formular->elements['street']->renderErrorMessage();
        print 
$formular->elements['streetNumber']->renderErrorMessage();
        print 
$formular->elements['zip']->renderErrorMessage();
        print 
$formular->elements['town']->renderErrorMessage();
        print 
$formular->elements['type']->renderErrorMessage();
        print 
'</div>';
      }
    
?>
    <dl class="formTable">
      <dt>Ihr Name*</dt>
      <dd><?php print $formular->elements['name']->renderElement(); ?><br /><span class="textInfo">(Nachname, Vorname)</span></dd>
      <dt><?php print $formular->elements['street']->renderLabel(); ?> / <?php print $formular->elements['streetNumber']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['street']->renderElement(); ?><?php print $formular->elements['streetNumber']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['zip']->renderLabel(); ?> / <?php print $formular->elements['town']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['zip']->renderElement(); ?><?php print $formular->elements['town']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['type']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['type']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['email']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['email']->renderElement(); ?></dd>              
      <dt> </dt>
      <dd><?php print $formular->elements['submit']->renderElement(); ?></dd>
    </dl>
  </div>
</div>
<?php  
}

?>

Ergebnis

Ihr Name*

(Nachname, Vorname)
/
/
 

Formular

Beispiel

Individuell gestaltetes Beispielformular

Quelltext

<?php

$formular 
= new wForm();

$formular->addElement('input''name''Name*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie einen Namen an'))));
$formular->addElement('input''street''Strasse*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Strasse an'))));
$formular->addElement('input''streetNumber''Hausnr.*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Hausnummer an'))));
$formular->addElement('input''zip''PLZ*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine gültige Postleitzahl an'))));
$formular->addElement('input''town''Stadt*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Stadt an'))));
$formular->addElement('input''email''E-Mail*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'email''errorMessage' => 'Bitte geben Sie eine gültige E-Mail Adresse an'))));
$formular->addElement('select''type''Typ*', array('attributes' => array('class' => 'L'), 'options' => array('' => 'Bitte wählen Sie Ihren Status aus''customer' => 'Kunde''prospect' => 'Interessent'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte wählen Sie Ihren Status aus.'))));
$formular->addElement('submit''submit''Absenden');

$formular->addEventServer('onSubmit''
  $this->setFormData(wRequest::getParameters());
  if($this->validate()){ 
    $this->initFormData();
    $this->setStatus("sent");
    wResponse::redirect($this->url);
  }
  else{
    $this->setStatus("failed");  
    wResponse::redirect($this->url);
  }
'
);

if(
$formular->getStatus() == 'sent'){
  print 
'<div style="padding:8px;background-color:#ffffff;border:solid 1px #666666">Vielen Dank für Ihre Anmeldung!</div>';
  
$formular->setStatus("");  
}
else{
  if(
$formular->getStatus() == 'failed'){
    
$formular->setStatus(""); 
  }
  
  
$formular->build();

?>
<div class="elementForm">
  <div name="frmDefault" method="POST" action="<?php print $formular->action?>">
    <?php
      
if(!$formular->validate()){
        print 
'<div class="errorMessages">';
        print 
$formular->elements['name']->renderErrorMessage();
        print 
$formular->elements['street']->renderErrorMessage();
        print 
$formular->elements['streetNumber']->renderErrorMessage();
        print 
$formular->elements['zip']->renderErrorMessage();
        print 
$formular->elements['town']->renderErrorMessage();
        print 
$formular->elements['type']->renderErrorMessage();
        print 
'</div>';
      }
    
?>
    <dl class="formTable">
      <dt>Ihr Name*</dt>
      <dd><?php print $formular->elements['name']->renderElement(); ?><br /><span class="textInfo">(Nachname, Vorname)</span></dd>
      <dt><?php print $formular->elements['street']->renderLabel(); ?> / <?php print $formular->elements['streetNumber']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['street']->renderElement(); ?><?php print $formular->elements['streetNumber']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['zip']->renderLabel(); ?> / <?php print $formular->elements['town']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['zip']->renderElement(); ?><?php print $formular->elements['town']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['type']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['type']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['email']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['email']->renderElement(); ?></dd>              
      <dt> </dt>
      <dd><?php print $formular->elements['submit']->renderElement(); ?></dd>
    </dl>
  </div>
</div>
<?php  
}

?>

Ergebnis

Ihr Name*

(Nachname, Vorname)
/
/
 

Formular

Beispiel

Individuell gestaltetes Beispielformular

Quelltext

<?php

$formular 
= new wForm();

$formular->addElement('input''name''Name*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie einen Namen an'))));
$formular->addElement('input''street''Strasse*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Strasse an'))));
$formular->addElement('input''streetNumber''Hausnr.*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Hausnummer an'))));
$formular->addElement('input''zip''PLZ*', array('attributes' => array('class' => 'XS'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine gültige Postleitzahl an'))));
$formular->addElement('input''town''Stadt*', array('attributes' => array('class' => 'M'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte geben Sie eine Stadt an'))));
$formular->addElement('input''email''E-Mail*', array('attributes' => array('class' => 'L'), 'validators' => array(array('type' => 'email''errorMessage' => 'Bitte geben Sie eine gültige E-Mail Adresse an'))));
$formular->addElement('select''type''Typ*', array('attributes' => array('class' => 'L'), 'options' => array('' => 'Bitte wählen Sie Ihren Status aus''customer' => 'Kunde''prospect' => 'Interessent'), 'validators' => array(array('type' => 'required''errorMessage' => 'Bitte wählen Sie Ihren Status aus.'))));
$formular->addElement('submit''submit''Absenden');

$formular->addEventServer('onSubmit''
  $this->setFormData(wRequest::getParameters());
  if($this->validate()){ 
    $this->initFormData();
    $this->setStatus("sent");
    wResponse::redirect($this->url);
  }
  else{
    $this->setStatus("failed");  
    wResponse::redirect($this->url);
  }
'
);

if(
$formular->getStatus() == 'sent'){
  print 
'<div style="padding:8px;background-color:#ffffff;border:solid 1px #666666">Vielen Dank für Ihre Anmeldung!</div>';
  
$formular->setStatus("");  
}
else{
  if(
$formular->getStatus() == 'failed'){
    
$formular->setStatus(""); 
  }
  
  
$formular->build();

?>
<div class="elementForm">
  <div name="frmDefault" method="POST" action="<?php print $formular->action?>">
    <?php
      
if(!$formular->validate()){
        print 
'<div class="errorMessages">';
        print 
$formular->elements['name']->renderErrorMessage();
        print 
$formular->elements['street']->renderErrorMessage();
        print 
$formular->elements['streetNumber']->renderErrorMessage();
        print 
$formular->elements['zip']->renderErrorMessage();
        print 
$formular->elements['town']->renderErrorMessage();
        print 
$formular->elements['type']->renderErrorMessage();
        print 
'</div>';
      }
    
?>
    <dl class="formTable">
      <dt>Ihr Name*</dt>
      <dd><?php print $formular->elements['name']->renderElement(); ?><br /><span class="textInfo">(Nachname, Vorname)</span></dd>
      <dt><?php print $formular->elements['street']->renderLabel(); ?> / <?php print $formular->elements['streetNumber']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['street']->renderElement(); ?><?php print $formular->elements['streetNumber']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['zip']->renderLabel(); ?> / <?php print $formular->elements['town']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['zip']->renderElement(); ?><?php print $formular->elements['town']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['type']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['type']->renderElement(); ?></dd>
      <dt><?php print $formular->elements['email']->renderLabel(); ?></dt>
      <dd><?php print $formular->elements['email']->renderElement(); ?></dd>              
      <dt> </dt>
      <dd><?php print $formular->elements['submit']->renderElement(); ?></dd>
    </dl>
  </div>
</div>
<?php  
}

?>

Ergebnis

Ihr Name*

(Nachname, Vorname)
/
/
 

Ähnliche Seiten

Entwicklerbereich Weblication® CMS - © Scholl Communications AG