add task solution

[aRabiej]

• DEMO LINK
• TEST REPORT LINK

There is no link with demo

should be visible now

Check this checklist https://github.com/mate-academy/layout_html-form/blob/master/checklist.md, you need to fix:

1. Formatting, make sure the indentation is correct, also add empty lines between sibling elements like in this example:

        <div class="field_wrapper">
          <label for="surname">Surname: </label>

          <input
            type="text"
            name="surname"
            id="surname"
            autocomplete="off"
          >
        </div>

2. Also avoid stylin by using element selector, add class to the element and style it using class like:
   html file:

        <div class="field_wrapper">
          <label for="surname">Surname: </label>

          <input
            type="text"
            name="surname"
            id="surname"
            autocomplete="off"
          >
        </div>

css file:

.field_wrapper {
  margin-bottom: 10px
}

3. Add proper labels to all inputs so when the user clicks label it will focus on the proper input (for-id relation):

          <label for="name">Name: </label>

          <input
            type="text"
            name="name"
            id="name"
            autocomplete="off"
          >

The code needs some improvements :)

Please look at Radek's mention before the link with the demo is still missing.

Empty space as a default value in input is not a good practice. Please remove this attribute value=" " it's redundant here

Empty space as a default value in input is not a good practice. Please remove this attribute value=" " it's redundant here

Empty space as a default value in input is not a good practice. Please remove this attribute value=" " it's redundant here

Empty space as a default value in input is not a good practice. Please remove this attribute value=" " it's redundant here

Empty space as a default value in input is not a good practice. Please remove this attribute value=" " it's redundant here

Empty space as a default value in input is not a good practice. Please remove this attribute value=" " it's redundant here

following the BEM naming convention this name should have double underscore mark field__wrapper

following the BEM naming convention this name should have double underscore mark box__style

Few more correction needed, check my comments

You can use multiple attribute with input type email, but I think that in this case more suitable would be to add multiple attribute to select tag, as this is registration form so we are allowing one email value :)

Value of name attribute should be in camelCase like userPassword

Fix formatting:

Suggested change

	required autocomplete="off"
	required
	autocomplete="off"

Label for this field is not clickable(when clicking label it should focuse on the input).
Add id which coresponds with for attribute in label

Suggested change

	<input
	type="color"
	name="color"
	>
	<input
	type="color"
	name="color"
	id="color"
	>

Here more suitable would be to use select tag instead of textarea
Here is an example:

<select name="cars" id="cars" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

This will also fix your test results :)

Add id

<textarea> is a tricky tag to format:
It requires you to put a closing tag on the same line as the > of the opening tag, not to have default content, and be able to see the placeholder.
At the same time, if it has several attributes, you need to put each of them on its own line.
So, use the following formatting where > is moved 1 position left from the normal alignment:

  <textarea
    class="..."
    placeholder="..."
 ></textarea>

Add empty line between sibling elements

Use more descriptive name and id value like recommendation

Add empty line between sibling elements

Suggested change

	</fieldset>
	<button type="submit">Submit</button>
	</fieldset>
	<button type="submit">Submit</button>

Some minor errors, correct them and we'r good :D

Method here should be POST rather than GET -> https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods

This value is very vague, it would be better here to reflect what is checked at the input -> Yes and below No

Good job :)