I’ve a couple of questions about the form input example with the following code: <form> <!--First row--> <div class="row"> <!--First column--> <div class="col-md-12"> <div class="md-form"> <i class="fa fa-envelope prefix"></i> <input type="email" id="form81" class="form-control validate"> <label for="form81" data-error="Please enter a valid email address" data-success="right">Type your email</label> </div> </div> <!--/.First row--> </form> 1. When a type some text in the email input box example under section ‘Using the Grid’ (http://mdbootstrap.com/components/forms/) a ‘cross’ appears next to the text giving the user the possibility to delete the text phrase at once. When I run the code above on my machine the cross doesn’t appear… 2. Larger (error) messages are wrapped instead of displayed on a single row (please run the example above)… 3. The (error) message is displayed really close to the input box. When I look at the Material Design specs (https://material.google.com/patterns/errors.html#errors-user-input-errors) there’s more space in between… 4. How to apply a required message on leaving an empty, required field?

---