Step 39
Link the applicable form elements and their label
elements together.
Use profile-picture
, age
, referrer
, and bio
as values for the respective id
attributes.
Profile Picture:
Age:
Referrer:
Provide a bio:
Above is my code.
I have tried entering the above code I want however it comes up with "The first input
element should have an id
of profile-picture
".
Look forward to your replies.
toan
May 2, 2024, 8:32am
2
Hi @fitzgeraldp , welcome to the forum.
To post your code to the forum, wrap your code inside ``` and ``` (3 backticks) to make it preformatted.
Also, post the link to the exercise for better assistance.
toan
May 2, 2024, 10:00am
4
Please post your code, too.
Remember to wrap your code inside ``` and ``` (3 backticks) to make it preformatted.
For the next time, you can press “Help” button to create a help post on the forum
ILM
May 2, 2024, 10:47am
5
Hey there,
Please update the message to include your code.
When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>
) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
‘’’ Profile Picture:
Age:
Referrer:
Provide a bio:
‘’’
“”" Profile Picture:
Age:
Referrer:
Provide a bio:
“”"
toan
May 3, 2024, 4:10am
8
@fitzgeraldp This is the backtick key:
<label for="profile-picture">Profile Picture:</label>
<input type="file" id="profile-picture" name="profile-picture">
<br>
<label for="age">Age:</label>
<input type="number" id="age" name="age">
<br>
<label for="referrer">Referrer:</label>
<input type="text" id="referrer" name="referrer">
<br>
<label for="bio">Provide a bio:</label>
<textarea id="bio" name="bio" rows="4" cols="50"></textarea>
<br>
toan
May 3, 2024, 4:32am
10
Ok. The instruction asked you to link the label
and form elements on the existing code for the existing form .
What you did is you created a new form elements with new labels.
Click the Reset
button to reset the code and do it again.
Hi Toan
Thanks. I have am really stuck I have tried creating code possibilities without success. Are you able to give me an example? Cheers Patrick
Hi Toan
WOuld this be it - “”<input id="profile-picture" type="file" /></label>`Preformatted text
toan
May 3, 2024, 6:07am
13
First, you need to reset the code.
Then, set id
for input
, select
, textarea
with the given values in the instruction.
Then, inside the <label>
openning tag, set the for
attribute with the respective values.
Here is an example to link a label
with an input
element:
<label for="fullname">Fullname: <input type="text" id="fullname"></label>
Got it thanks for your help. Cheers
1 Like
ILM
July 3, 2024, 8:57pm
16
hey @MichaelJ89
If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.
The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.
Thank you.