About Forms and datalists

Hi everyone,

First time here. I just started studying a week ago, so I’m sorry if the question is dumb.

When using the <datalist> element, I understand that the value of the <input>'s name and the value of the option selected is what is submitted. So, my question is that between the opening and closing tags of the <option> element is needed to include text. For instance:

<option value="ketchup">Ketchup</option>
<option value="mayo">Mayo</option>
<option value="ketchup"></option>
<option value="mayo"></option>

I tried in the lesson and both works but when I use the first option, the dropdown shows:



The lesson says “make sure it’s not empty!” but, is it really needed? Why?