mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-07-13 21:15:35 +08:00
refactor: semantic update to complaint form (#62255)
This commit is contained in:
parent
0e08e2dd09
commit
5ada45dc60
@ -264,7 +264,7 @@ const fieldset = document.getElementById("solutions-group");
|
||||
assert.equal(fieldset.style.borderColor, "green");
|
||||
```
|
||||
|
||||
When the form is submitted and all of the radio buttons from `#solutions-group` are in the unchecked state, you should set `#solutions-group`'s border color to `red`.
|
||||
When all of the radio buttons from `#solutions-group` are in the unchecked state after a change event, you should set `#solutions-group`'s border color to `red`.
|
||||
|
||||
```js
|
||||
document.getElementById("refund").checked = false;
|
||||
@ -498,11 +498,11 @@ try {
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<div id="complaint-description-container">
|
||||
<fieldset id="complaint-description-container">
|
||||
<legend>Description of Complaint Reason</legend>
|
||||
<textarea placeholder="Describe the reason of your complaint in at least 20 characters"
|
||||
name="complaint-textarea" id="complaint-description"></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="solutions-group">
|
||||
<legend>Desired Solution</legend>
|
||||
@ -516,11 +516,11 @@ try {
|
||||
<label for="other-solution">Other</label>
|
||||
</fieldset>
|
||||
|
||||
<div id="solution-description-container">
|
||||
<fieldset id="solution-description-container">
|
||||
<legend>Description of Desired Solution</legend>
|
||||
<textarea placeholder="Describe the desired solution to your issue in at least 20 characters"
|
||||
name="solution-textarea" id="solution-description"></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div id="btn-container">
|
||||
<button type="submit" id="submit-btn">Submit</button>
|
||||
<span id="message-box" aria-live="polite"></span>
|
||||
@ -653,11 +653,11 @@ textarea {
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<div id="complaint-description-container">
|
||||
<fieldset id="complaint-description-container">
|
||||
<legend>Description of Complaint Reason</legend>
|
||||
<textarea placeholder="Describe the reason of your complaint in at least 20 characters"
|
||||
name="complaint-textarea" id="complaint-description"></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset id="solutions-group">
|
||||
<legend>Desired Solution</legend>
|
||||
@ -671,11 +671,11 @@ textarea {
|
||||
<label for="other-solution">Other</label>
|
||||
</fieldset>
|
||||
|
||||
<div id="solution-description-container">
|
||||
<fieldset id="solution-description-container">
|
||||
<legend>Description of Desired Solution</legend>
|
||||
<textarea placeholder="Describe the desired solution to your issue in at least 20 characters"
|
||||
name="solution-textarea" id="solution-description"></textarea>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div id="btn-container">
|
||||
<button type="submit" id="submit-btn">Submit</button>
|
||||
<span id="message-box" aria-live="polite"></span>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user