PaulaFechet

<!DOCTYPE html>
<html>
<body>

    <style type='text/css'>
        /* form elements */
        form {
          margin:20px;
          padding:  5px;
          background: #F5F5F5;
        }
        label {
          display:block;
          font-weight:bold;
          margin:5px;
        }

        input {
          padding:2px;
          display:block;
          border:1px solid #eee;
          font: normal 1em Verdana, sans-serif;
          color:#777;
        }
        .button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
    </style>

<h2>Un exemplu de formular este urmatorul</h2>

<form>
    <div>
  <label for="fname">Nume: </label>
    </div>


  <input type="text" id="fname" name="fname" value="nume">
  <div>
  <label  for="lname">Prenume: </label>
  <input type="text" id="lname" name="lname" value="prenume">


    <label for="pass">Parola: </label></label>
    <input type="password" id="pass" name="password" minlength="8" required>


    <label for="culori">Culoarea preferata: </label>

    <select id="culori">
        <option value="verde">verde</option>
        <option value="rosu">rosu</option>
    </select>

    <label for= "text">Descriere</label>
    <textarea id="text" rows="4" cols="50">

    </textarea>

    <input type="checkbox" id="acord" name="acorduri" >
    <label for="acord"> Sunt de acord cu conditiile</label><br>
    <button>Inregistreaza</button>
</form>

</body>
</html>