EventLoop | AfDEMP 4.2 Class Exercise 11

eventloop-afdemp-4-2-class-exercise-11.markdown

EventLoop | AfDEMP 4.2 Class Exercise 11

A Pen by Kostas X on CodePen.

License.

index.html

<form>

  <input type="text" name="surname" placeholder="give your surname"/>
  
  <label for="os"></label>
   <select name="os" id="os">
     <option value="windows">Windows</option>
     <option value="mac" selected>Mac</option>
     <option value="linux">Linux</option>
  </select>
  
  <label for="fruits"></label>
  <select name="fruits" id="fruits" multiple size="6">
    <option value="apple">apple</option>
    <option value="banana">banana</option>
    <option value="orange" selected>orange</option>
    <option value="pear">pear</option>
    <option value="blackberry">blackberry</option>
    <option value="watermelon" selected>watermelon</option>
  </select>
  
</form>

<!-- REFERENCES -->
<hr>
<h4>References:</h4>
<a target="_blank" href="https://htmlreference.io/element/select/"><strong>&lt;select&gt;</strong> at htmlreference.io</a>
<br>
<a target="_blank" href="https://htmlreference.io/element/option/"><strong>&lt;option&gt;</strong> at htmlreference.io</a>
<br>
<a target="_blank" href="https://htmlreference.io/element/label/"><strong>&lt;label&gt;</strong> at htmlreference.io</a>
<br>
<a target="_blank" href="https://htmlreference.io/element/input/"><strong>&lt;input&gt;</strong> at htmlreference.io</a>

style.css

* {
  font-size: 1em;
}
a {
 text-decoration: none; 
}
hr {
  margin: 50px auto;
}