html - Why my form label is not aligned on the left, regardless what I type in my css file?

Question

Welcome To Ask or Share your Answers For Others

html - Why my form label is not aligned on the left, regardless what I type in my css file?

asked Oct 7, 2021 in Technique[技术] by 深蓝 (71.8m points)

html - Why my form label is not aligned on the left, regardless what I type in my css file?

I am trying to place the form label on the top-left side, but it does not work. I used Bootrstrap for designing and then I tried to change the CSS code by using ID. It doesn't help. Any advice? Thank you in advance

#labels {
text-align: left;
}

<form class="" action="index.html" method="post">
  <label id="labels" for="">Name</label><br>
  <input class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" type="text" name="" value="" placeholder="Enter Name"> <br>
  <label id="labels" for="">Email Address</label><br>
  <input class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" type="email" name="" value="" placeholder="Enter Email"> <br>
  <label id="labels" for="">Enter Phone</label> <br>
  <input class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" type="number" name="" value="" placeholder="Enter Phone Number">


</form>

question from:https://stackoverflow.com/questions/65623208/why-my-form-label-is-not-aligned-on-the-left-regardless-what-i-type-in-my-css-f

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Answer

深蓝 · Answer 1 · 2021-10-06T18:53:56+0000

#labels {
text-align: left;
}

<!DOCTYPE html>
<html>
<head>
<style>
.error {color: #FF0000;}
</style>
</head>
<body>
<form method="post" action="">  
  Name: <input type="text" name="name" value="">
  <br><br>
  E-mail: <input type="text" name="email" value="">
  <br><br>
  Website: <input type="text" name="website" value="">
  <br><br>
  Comment: <textarea name="comment" rows="5" cols="40"></textarea>
  <br><br>
  <input type="submit" name="submit" value="Submit">  
</form>
</body>
</html>

Categories

html - Why my form label is not aligned on the left, regardless what I type in my css file?

html - Why my form label is not aligned on the left, regardless what I type in my css file?

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags