Autor publikacji
Virtual Patriot - Administrator

size

Data publikacji
Ostatnio edytowano

Przeznaczenie atrybutu size

Za pomocą atrybutu size możemy określić domyślną wielkość interesującego nas elementu HTML.

Elementy HTML dla atrybutu size

  1. input
  2. select

Przykład atrybutu size

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="https://webkod.pl/php/submit-result.php">
      <label>
        Podaj czterocyfrową liczbę:
        <input type="text" name="liczba" pattern="[0-9]{4}" size="4" required>
      </label>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Domyślną wielkością szerokości przykładowego elementu "input" jest wielkość pozwalająca ujrzeć użytkownikowi ciąg znaków składający się z co najmniej czterech znaków, podczas wprowadzania przez wspomnianego użytkownika wartości do wspomnianego elementu "input", ponieważ do wspomnianego elementu "input" został dodany atrybut "size" wraz z wartością "4".

Interpretacja atrybutu size

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak