Tartalomjegyzék

Tantárgy:Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316]
Tananyag:DHTML
Feladat:Űrlapmező létrehozása DHTML módszerrel
Kidolgozás:Feladat megoldása fejlesztési részfeladatok segítségével
Részfeladat:5. részfeladat

Részfeladat

Űrlapelem létrehozása és paraméterezése

Részfeladat megoldásának forrása

            // Űrlapelem létrehozása
            var newInput=document.createElement("input");
            newInput.setAttribute("type","text");
            newInput.setAttribute("size","80");
            newInput.setAttribute("name","nev");

Megoldás forráskódja

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <title>Űrlapmező létrehozása DHTML módszerrel - 5</title>
      <meta name="author" content="Tóth Péter" />
      <meta name="copyright" content="© 2012, NYME SEK" />
      <meta http-equiv="date" content="2012-09-11" />
      <meta name="revised" content="Tóth Péter, 11/09/2012" />
      <meta name="description" content="DHTML - Űrlapmező létrehozása DHTML módszerrel" />
      <meta http-equiv="content-language" content="hu" />
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <script type="text/javascript">
         <!--
         // OnLoad
         function funcStart(){
            // DIV TAG létrehozása
            var newDiv=document.createElement("div");
            // Szöveg létrehozása
            var newTextNode=document.createTextNode("Az Ön neve:");
            // Űrlapelem létrehozása
            var newInput=document.createElement("input");
            newInput.setAttribute("type","text");
            newInput.setAttribute("size","80");
            newInput.setAttribute("name","nev");
            }
         -->
      </script>
   </head>
   <body onload="funcStart()"></body>
</html>