March 22, 2024, 7:18 a.m. | Mads Stoumann

DEV Community dev.to

This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities





What I Built


This challenge is about spicing up some markup with styles.


I added a few things to the <select>-element:



<select required>
<option value="" selected disabled>...</option>
<hr>
</select>


Adding required will trigger the browsers built-in validation, and by setting the default <option> to selected disabled and with an empty value, we make sure that it's selected by default, but not “re-selectable”.


Thus if you try …

browsers challenge css dev devchallenge element frontendchallenge glam html javascript validation value will

Data Architect

@ University of Texas at Austin | Austin, TX

Data ETL Engineer

@ University of Texas at Austin | Austin, TX

Lead GNSS Data Scientist

@ Lurra Systems | Melbourne

Senior Machine Learning Engineer (MLOps)

@ Promaton | Remote, Europe

Director, Clinical Data Science

@ Aura | Remote USA

Research Scientist, AI (PhD)

@ Meta | Menlo Park, CA | New York City