Проблема выравнивания ввода текста в форму - PullRequest
Новая
       2

Проблема выравнивания ввода текста в форму

0 голосов
/ 17 марта 2020

Я посмотрел на другие формы здесь, и я до сих пор не могу получить где-либо по какой-либо причине. Я пробовал несколько различных методов, которые я нашел здесь, и ничего не работает>. <Может кто-нибудь помочь мне выровнять эти текстовые поля? Любая помощь с благодарностью! </p> 

<h1>Registration</h1>
<div class="containter">
  <form name=registration>
    Username: <input type="text" name="username" value="">
    <br><br> Password: <input type="text" name="password" value="">
    <br><br> First Name: <input type="text" name="firstName" value="">
    <br><br> Last Name: <input type="text" name="lastName" value="">
    <br><br> Date of Birth: <input type="text" name="bDay" value="">
    <br><br> Email: <input type="text" name="email" value="">
    <br><br> Phone Number: <input type="text" name="firstName" value="">
    <br><br>
  </form>
</div>

enter image description here

1 Ответ

0 голосов
/ 17 марта 2020

Вы можете использовать bootstrap, и это то, что вы можете получить. Оформить заказ codepen

Bootstrap используется многими компаниями и представляет собой более простой способ создания адаптивных форм 

<html>
<head>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
</head>
<body>
  <h1>Registration</h1>
  <form name=registration>
    <div class="containter">
      <div class="form-group row">
        <label class="col-sm-2 col-form-labe">Username:</label>
        <div class="col-sm-10">
          <input class="form-control" type="text" name="username" value="" />
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-2 col-form-labe">Password:</label>
        <div class="col-sm-10">
          <input class="form-control" type="text" name="password" value="" />
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-2 col-form-labe">First Name:</label>
        <div class="col-sm-10">
          <input class="form-control" type="text" name="firstName" value="" />
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-2 col-form-labe">Last Name:</label>
        <div class="col-sm-10">
          <input class="form-control" type="text" name="lastName" value="">
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-2 col-form-labe">Date of Birth:</label>
        <div class="col-sm-10">
          <input class="form-control" type="date" name="bDay" value="" />
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-2 col-form-labe">Email:</label>
        <div class="col-sm-10">
          <input class="form-control" type="email" name="email" value="">
        </div>
      </div>
      <div class="form-group row">
        <label class="col-sm-2 col-form-labe">Phone Number:</label>
        <div class="col-sm-10">
          <input class="form-control" type="text" name="firstName" value="" />
        </div>
      </div>
    </div>
  </form>
  </body>
  </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...