Ostatnio edytowany:

size

Autor: Virtual Patriot

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="http://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