Tell us what’s happening:
Hello, I can`t edit id=“name” with CSS. If I write #name and for example try to edit the margin of the placeholder, nothing happens.
Your code so far
Survey Form
Let me know how I can improve my coding skills
<div class="rowTab">
<div class="labels">
<label id="nameLabel" for="name">Name:</label>
</div>
<div class="rightTab">
<input id="name" type="text" required placeholder="Enter your first name">
</div>
</div>
<div class="rowTab">
<div class="labels">
<labe id="email-label" for="email">E-Mail:</label>
<input id="email" type:"text" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"
required placeholder="Enter your E-Mail here"
</div>
</div>
<div class="rowTab">
<div class="labels">
<label id="number-label" for="number">Age:</label>
<input id="number" min="10" max="99" step="1" required placeholder="Age"
</div>
</div>
<div class="rowTab">
<div class="labels">
<label for="skill">Your coding skills</label>
</div>
<div class="rightTab">
<select id="dropdown" name="skill" class="dropdown">
<option disabled-value>Select an option</option>
<option value>Noob</option>
<option value>Pro</option>
</select>
</div>
</div>
<div class="rowTab">
<div class="labels">
<label for="surveyRating">How is this survey so far?</label>
</div>
<div class="rightTab">
<ul style="list-style": none;>
<li class="radio"><label>Bad<input name="radio-buttons" value="1" type="radio" class="surveyRating" ></label></li>
<li class="radio"><label>Good<input name="radio-buttons" value="2" type="radio" class="surveyRating" ></label></li>
</ul>
</div>
</div>
<div class="rowTab">
<div class="labels">
<label for="decisions">Where should I improve my coding skills?</label>
</div>
- FreeCodeCamp
- or nothing
<div class="rowTab">
<div class="labels">
<label for="comments">Comments or Suggestions</label>
</div>
<div class="rightTab">
<textarea id="comments" class="input-field" style="height:50px;resize:vertical;" name="comment" placeholder="Enter your comment here..."></textarea>
</div>
</div>
<button id="submit" type="submit">Submit</button>
</div>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121 Safari/537.36.