Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

type

OPIS

Definiuje typ MIME obiektu docelowego lub typ elementu w zależności od zastosowania. Różne elementy HTML przyjmują różne typy wartości.

WARTOŚCI

• text (dla: input)

pole służące do wprowadzenia tekstu

• password (dla: input)

pole służące do wprowadzenia hasła

• checkbox (dla: input)

pole wielokrotnego wyboru

• radio (dla: input)

pole jednokrotnego wyboru

• submit (dla: button, input)

pole do wysłania formularza

• reset (dla: button, input)

pole do czyszczenia formularza

• file (dla: input)

pole do wstawienia pliku

• hidden (dla: input)

pole ukryte

• image (dla: input)

pole w postaci grafiki

• button (dla: button, input)

pole w postaci guzika

• disc (dla: li, ul)

format wyliczania w postaci kropek

• square (dla: li, ul)

format wyliczania w postaci kwadratu

• circle (dla: li, ul)

format wyliczania w postaci kółek

• 1 (dla: li, ol)

format wyliczania 1, 2, 3...

• a (dla: li, ol)

format wyliczania a, b, c...

• A (dla: li, ol)

format wyliczania A, B, C...

• i (dla: li, ol)

format wyliczania i, ii, iii...

• I (dla: li, ol)

format wyliczania I, II, III...

• MIME (dla: a, link, object, param, script, style)

dla pozostałych elementów typ danych, np. text/css

POZOSTAŁE CECHY

• używany w elementach: a, button, input, li, link, object, ol, param, script, style, ul

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<ul type="circle">
  <li>pierwszy element listy</li>
  <li>drugi element listy</li>
  <li>trzeci element listy
  <ul type="disc">
    <li>wewnętrzny element listy</li>
    <li>drugi wewnętrzny element</li>
    <li>trzeci wewnętrzny element</li>
  </ul>
  </li>
  <li>czwarty element listy</li>
</ul>

• pierwszy element listy
• drugi element listy
• trzeci element listy
  • wewnętrzny element listy
  • drugi wewnętrzny element
  • trzeci wewnętrzny element
• czwarty element listy

• Przykład 2:

<link rel="stylesheet" href="http://www.serwer.pl/style.css"
type="text/css" />

• Przykład 3:

<script language="javascript" type="text/javascript">
<!--
 
alert("oto skrypt");
 
// -->
</script>