"Checkbox" and "radio button" are words commonly used in spanish (talking about html), so put those words beside their translations will help a lot to students.
2.5 KiB
2.5 KiB
id, title, challengeType, videoUrl, localeTitle
| id | title | challengeType | videoUrl | localeTitle |
|---|---|---|---|---|
| bad87fee1348bd9aedd08835 | Check Radio Buttons and Checkboxes by Default | 0 | Comprobar botones de radio y casillas de verificación por defecto |
Description
checkbox) o un botón de opción (radio button) para que se marque de forma predeterminada utilizando el atributo checked. Para hacer esto, simplemente agregue la palabra "checked" al interior de un elemento input. Por ejemplo: <input type="radio" name="test-name" checked> Instructions
radio buttons y el primero de sus checkboxes para que ambos estén marcados de forma predeterminada. Tests
tests:
- text: El primer <code>radio button</code> en su formulario debe estar marcado por defecto.
testString: 'assert($("input[type="radio"]").prop("checked"), "Your first radio button on your form should be checked by default.");'
- text: El primer <code>checkbox</code> en su formulario debe estar marcado por defecto.
testString: 'assert($("input[type="checkbox"]").prop("checked"), "Your first checkbox on your form should be checked by default.");'
Challenge Seed
<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</main>
Solution
// solution required