Adding value attribute to radio buttons and checkboxes

007sammieking · July 21, 2020, 7:43am

  <legend>what computing devices do you use most?</legend>
  <div
    input type="checkbox" id="phones" name="interest" value= "phones"
    <label value="phones"> Phones</label
  </div
  
  <div>
   < input type="checkbox" id="laptop" name="interest" value= "laptop">
    <label value="laptop"> Laptop</label>
  </div>
  
  <div>
    <input type="checkbox" id="desktop" name="interest" value= "desktop">
    <label value="desktop"> Desktop</label>  
  </div>

this still bring up an error as regards adding value, error message is : " 14. Inside the form element, I can select several fields from a series of checkboxes, each of which must have a value attribute."
please help!!

ieahleen · July 21, 2020, 7:42am

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

ieahleen · July 21, 2020, 7:46am

what error do you get below this failed user story? that should tell you what to fix

also it seems you are missing many < and >, you will need to make sure you have them all in the right place

also, value is not a valid attribute for a label element

asolanki786 · July 21, 2020, 7:45am

<legend>what computing devices do you use most?</legend>
  <div>
  
   <input type="checkbox" id="phones" name="interest" value= "phones"
          <label value="phones"> Phones</label>
</div>
  
  <div>
   <input type="checkbox" id="laptop" name="interest" value= "laptop">
    <label value="laptop"> Laptop</label>
  </div>
  
  <div>
    <input type="checkbox" id="desktop" name="interest" value= "desktop">
    <label value="desktop"> Desktop</label>  
  </div>

This should be the correct syntax

007sammieking · July 21, 2020, 7:53am

ieahleen · July 21, 2020, 7:55am

fix the wrong syntax and it should pass, like the missing < and > in the elements around the checkboxes

other possibility is that it doesn’t like that you put them in a div, but first check the syntax

there is also an Analyze HTML tool you can use in codepen to help you in that

007sammieking · July 21, 2020, 8:07am

this is exactly what i have:
i decided to use separate div elements to see if that would fix the value attribute error but it still didn’t work.
but the error is not going away… what am i doing wrong?

<div>
    <input type="checkbox" id="phones" name="interest" value= "phones">
    <label value="phones"> Phones</label>
  </div>
  
  <div>
    <input type="checkbox" id="laptop" name="interest" value= "laptop">
    <label value="laptop"> Laptop</label>
  </div>
  
  <div>
    <input type="checkbox" id="desktop" name="interest" value= "desktop">
    <label value="desktop"> Desktop</label>  
  </div>

ieahleen · July 21, 2020, 7:58am

share your pen, then

asolanki786 · July 21, 2020, 8:11am

Can you try using “for” attribute in the label tag?

ieahleen · July 22, 2020, 2:00pm

they are not inside the form element

they are at lines 12-26

the form start at line 49

manu · July 22, 2020, 8:54am

hello sir
the value should be inside the input element and
i.e

< input type="checkbox" id="laptop" name="laptop">

Phones

the label should always be included so that it corresponds to the input ..