Piątek 04 Kwiecień 2025r. Godz 00:00:00      
Postów: 251      

Obsługa formularzy w JavaScript

Każde pole formularza ma swój adres. Aby odnieść się do konkretnego pola w utworzonym już formularzu należy podać jego adres według jednego ze schematów:
document.forms["nazwa_formularza"].nazwa_pola;
document.nazwa_formularza.nazwa_pola;
Osobiście polecam ten pierwszy sposób. Każde pole formularza ma kilka właściwości. Na przykład właściwość value zwraca napis przycisku (element Button) lub tekst napisany w polu tekstowym (element Text). Lista właściwości pól formularza znajduje się w dodatkach.


<HTML>
  <HEAD>
    <META HTTP-EQUIV="Content-TYPE" CONTENT="text/html; charset=windows-1250">
    <SCRIPT LANGUAGE="JavaScript">
      function litery(wielkosc)
        {if (wielkosc=="duze") {document.formularz.imie.value=document.formularz.imie.value.toUpperCase()           document.formularz.nazwisko.value=document.formularz.nazwisko.value.toUpperCase() }
Funkcja toUpperCase() zmienia małe litery na duże.
          else
          { document.formularz.imie.value=document.formularz.imie.value.toLowerCase()             document.formularz.nazwisko.value=document.formularz.nazwisko.value.toLowerCase() } }
Funkcja toLowerCase() zmienia duże litery na małe.
    </SCRIPT>
  </HEAD>
  <BODY BGCOLOR="#6FB20F">
    <FORM NAME="formularz">
      Wpisz imię:
      <INPUT TYPE="text" NAME="imie" SIZE="20"><BR>
      Wpisz nazwisko:
      <INPUT TYPE="text" NAME="nazwisko" SIZE="20"><P>
      <INPUT TYPE="button" VALUE="Duże litery" onClick="litery('duze')">
      <INPUT TYPE="button" VALUE="Małe litery" onClick="litery('male')">
    </FORM>
  </BODY>
</HTML>

Po naciśnięciu na przycisk "Duże litery" wpisane imię i nazwisko zostanie wyświetlone dużymi literami. Chcąc zamienić na małe litery należy nacisnąć przycisk "Małe litery". Użytkownicy przeglądarek w wersji innej niż polska będą mieli kłopoty przy zamianie polskich liter.