Intro component with sign-up solution

Community feedback

• 

  P

  Matthias•630

  @astrageniusPosted almost 3 years ago

  Hey ho :) Good solution so far. Your layout is really accurate.

  You should set the 'label' html element to each input element.

  For more Details:

  Link for further Reading

  for example

  <label for="email"></label>
  <input type="email" id="email">
  
  or
  
  <label for="email">
  <input type="email" id="email">
  </label>
  
  

  Technical you don't need Javascript for clientsite formvalidation. You can it do only with CSS pseudo-classes. (its an alternative because some user have deactivate JS on their browser. So no JS validation possible.)

  For example

  input:invalid {
    border: 2px dashed red;
  }
  
  input:invalid:required {
    background-color: red;
  }
  
  input:valid {
    border: 2px solid green;
  }
  
  

  For more Details:

  MDN Webdocs CSS Tricks

  0