https://codepen.io/sharmin-kulsum/pen/NBjryq

https://codepen.io/sharmin-kulsum/pen/NBjryq
0

#1

the bootstrap grid isn’t working properly on my page and I can’t fix this. on this form story 6=" If I enter an email that is not formatted correctly, I will see an HTML5 validation error." I can’t understand help me with this plz.


#2

Hi @sharmin1,

To pass story #6 you need to pay close attention to your HTML input types (you can learn more about the different input types here).

Currently, the email input in your form is set to type="text", so the browser won’t attempt to validate it as an email (HTML5 validation is simply form validation done by modern browsers).

Work through that and see if you can figure it out!


#3

If you look at different type of inputs at MDN you see the type of input you want. So instead of text you want it to be for email. The name attribute in the input below does not have a value so does not do anything.

<input type="text" name id="email" placeholder="your Email">

In your labels you use name as well but the value of for has to be the id of the target element.

<label for="name" id="email-label"></label>