JAVASCRIPT - somo la 16: Jinsi ya kutumia html form kwenye javascript

Katika somo hili utakwenda kujifunza jinsi ya ku dili na html form kwenye javascript. Javascript inaweza kufanya mengi kwenye html form.

Kama tulivyo jifunza kwenye somo lililotangulia. Tunaweza kupata value ya data zilizomo kwenye form kwa kutumia .value. Tofauti na tulivyojifunza hapa itatubidi tuunganishe form id na input type id kisha ndipo tutumie value. 

 

Umuhimu wa somo hili ni kuja kukusaidia katika kuthibitisha taarifa.  Tutalifanyia kazi sana somobhili wakati wa kujifunza condition statement. 



 

Tutakwenda hatuwa kwa hatuwa ili tuweze kufikia malengo ya somo yaweze kufikiwa. 

 

  1. Kupata taarifa kuhusu html form

Taarifa ambazo tunakwenda kuziangalia kwenue html form ni pamoja na 

  1. Form id
  2. Form method
  3. Form actiom

Hizi zotebkwa pamoja zinaitwa form attribute. Rejea kwenye mafunzo yetu ya html level 2.

 

  1. Kupata form ID ni kama ambavyo tumeona huko awali kwenye somo lililotangulia. Kwanza tutaandika html form. Kumbuka form yetu inakuwa na attribute hizobzilizotajwa hapo juu. 

 

<title>User input</title>

<form id="form" method="post" action="processor.php">

  <input id="data" name="name"  value="" >

  <input type="button" onclick="myFnc()" value="check">

</form>

 

Kisha tutatengeneza paragraph ya html ambayo itakwenda ku display tada zetu. Kumbuka kuipa id hiyo paragraph. Nitakwenda kuipa id ya myP

<p id="myP"></p>

...

Jiunge nasi WhatsApp kupata update zetu

Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

Nzuri            Mbaya            Save
Author: Rajabu image Tarehe: 1970-01-01 03:33:44 Topic: JavaScript Main: ICT File: Download PDF Views 553

Share On:

Facebook WhatsApp
Sponsored links
👉1 Kitabu cha Afya    👉2 Madrasa kiganjani    👉3 Sira ya Mtume Muhammad (s.a.w)    👉4 Simulizi za Hadithi Audio    👉5 Kitau cha Fiqh    👉6 Bongolite - Game zone - Play free game   

Post zinazofanana:

JAVASCRIPT -somo la 1: Kwa nini ni muhimu kujifunza javascript

Katika somo hili utajifunza kuhusu historia ya javacsript pamoja na kazi za javascript. Pia utayajuwa makampuni makubwa yanayotumia javascript.

Soma Zaidi...
JAVASCRIPT - somo la 14: Jifunze kuhusu event kwenye javascript

Katika somo hili utakwenda kujifunza kuhusu javascript events. Event ni neno la Kiingereza lenye maana tukio wingi wake events kumaanisha matukio. Natumia ni kila ambacho kinatokea kwenye javascript.

Soma Zaidi...
JAVASCRIPT - somo la 15: Jinsi ya kukusanya user input

Katika somo hili tutakwenda kujifunza kuhusu user input. Somo hili litaangalia html form na attribute zake na jinsi zinavyohusiana na user input. Mwisho wa somo hili utaweza kutengeneza simple Calculator kwa kutumia javascript.

Soma Zaidi...
JAVASCRIPT - somo la 2: Jisi ya ku print output ya code za javascript.

Katika somo hili utakwenda kujifunza jinsi ambavyo utaweza ku display matokeo ya code za javascript.

Soma Zaidi...
JAVASCRIPT - somo la 9: Jinsi ya kuandika function kwenye javascript

Katika somo hili utakwenda kujifunza jinsi ya kuandika function kwenye javascript. Utajifunz apia namna ya kuitumia function hiyo

Soma Zaidi...
JAVASCRIPT - somo la 3: sheria za uandishi wa code za javascript yaani syntax za javascript

Katika somo hili utakwenda kujifunza sheria ama syntax za kuandika javascript. Hii itakuwezesha kuelwa zaidi code za javascript.

Soma Zaidi...
Game 1: Jinsi ya kutengeneza game ya tic toc ya wachezaji wawili kwa kutumia html, css na javascript

Katika post hii utakwenda kujifundisha jinsi ya kutengeneza game ya tic toc ya wachezaji wawii kwa utumia html, css na javascript

Soma Zaidi...
JAVASCRIPT - somo la 12: Function zinazotumika kwenye namba

Katika somo hili utajifunz kuhusu baadhi ya function ambazo hutumika kwenye namba

Soma Zaidi...
JAVASCRIPT - somo la 17: condition statement za if else, else if kwenye javascript

Katika somo hili tutakwenda kujifunza kuhusu condition statemant. Darasa hili ni moja katika madarasa muhimu programming. Katika somo hili tutajifunza kwa vitendo zaidi. Tutatumia mifano ya somo lililo tangulia.

Soma Zaidi...
Game 3: Mchezo wa kufikiria namba kwa kutumia javascript

Hii ni game ambayo utafikiria namba, ambayo inatakiwa iwe sawa na namba ambayo game imeiweka.

Soma Zaidi...