display: inline-block;
float: left;
}
</style>
</head>
<body>
<form method="post" action="/index.php">
<fieldset><h4 style="color: #33CC33;">SIGN UP AS A FACILITATOR</h4>
<label for="firstname">Firstname:</label><input type="text" name="firstname" id="firstname" /><br><br>
<label for="surname">Surname:</label><input type="text" name="surname" id="surname" /></br><br>
<label for="addresss">Address:</label><input type="text" name="address" id="address" /></br><br>
<label for="email">Email:</label><input type="Email" name="email" id="email" /></br><br>
<label for="username">Username:</label><input type="text" name="username" id="username" /></br><br>
<label for="password">Password:</label><input type="password" name="password" id="password" /></br><br>
<?php
$SampleCaptcha = new Captcha("SampleCaptcha");
$SampleCaptcha->UserInputID = "CaptchaCode";
echo $SampleCaptcha->Html();
?>
<input name="CaptchaCode" id="CaptchaCode" type="text" />
</fieldset>
<fieldset>
<input type="submit" name="submit" value="Signup" />
</fieldset>
</form>
</body>
</html>
<?php
echo $OUTPUT->footer();
<div class="input">
<?php
// Adding BotDetect Captcha to the page
$AjaxValidationCaptcha = new Captcha("AjaxValidationCaptcha");
$AjaxValidationCaptcha->UserInputID = "CaptchaCode";
$AjaxValidationCaptcha->CodeLength = 50;
$AjaxValidationCaptcha->ImageWidth = 150;
$AjaxValidationCaptcha->ImageStyle = ImageStyle::Graffiti2;
// only show the Captcha if it hasn't been already solved for the current message
if (!$AjaxValidationCaptcha->IsSolved) {
?>
<label for="CaptchaCode">Retype the characters from the picture:</label>
<?php
echo $AjaxValidationCaptcha->Html();
?>
<input type="text" name="CaptchaCode" id="CaptchaCode" class="textbox" />
<?php
echo getValidationStatus("CaptchaValidator");
}
?>
</div>
<input type="submit" name="SubmitButton" id="SubmitButton" value="Submit" onclick="return validateForm();"/>
</fieldset>