PEMROGRAMAN WEB: FORMAT FORMULIR Transparent Sexy Pink Heart

Minggu, 07 April 2013

FORMAT FORMULIR


  Pertemuan III
     Materi :
1.      Mereview pelajaran sebelumnya
2.      Format formulir
    Latihan soal-soal tag <table>
Latihan 1
1.       Buka notepad
2.      Ketikkan struktur Html
<Html>
<Head>
<Title></Title>
</Head>
  <Body>

  </Body>
</Html>
3.      rancang tabel seperti di bawah ini



Jumlah kolom =2, baris =2.
4.     kede programnya adalah .


<Html>
 <Head>
      <Title></Title>
 </Head>

<Body>
     <Table>
         <Tr>
        <Td colspan=3></Td>
        </Tr>
      
         <Tr>
           <Td></Td>
           <Td></Td>
               <Td></Td>
        </Tr>

         <Tr>
          <Td colspan=3></Td>
         </Tr>
    </Table>
</Body>
</Html>


5.      simpan kode dengan nama latihan1.html
6.     jalankan web browser
7.     buka file latihan1.html dari web browser yang sudah berjalan.

Latihan 2S
1.      buka notepad
2.      ketikkan struktur html2
<Html>
<Head>
<Title></Title>
</Head>
  <Body>

  </Body>
</Html>
3.      rancanglah tabel seperti di bawah ini








4.     kode html nya adalah
<Html>
 <Head>
      <Title></Title>
 </Head>

<Body>
     <Table>
         <Tr>
        <Td colspan=3></Td>
        </Tr>
       
         <Tr>
           <Td></Td>
           <Td></Td>
               <Td></Td>
        </Tr>

         <Tr>
          <Td colspan=3></Td>
         </Tr>
    </Table>
</Body>
</Html>
5.   simpan kode dengan nama latihan2.html
6.   jalankan web browser
7.   buka file latihan2.html dari web browser yang sudah berjalan.
Latihan 3
1.      buka notepad
2.      ketikkan struktur html


<Html>
<Head>
<Title></Title>
</Head>
  <Body>

  </Body>
</Html>

3.      rancanglah tabel seperti di bawah ini








4.     kode html nya adalah
<Html>
 <Head>
      <Title></Title>
 </Head>

<Body>
     <Table>
         <Tr>
         <Td rowspan=3></Td>
       <Td colspan=3></Td>
        </Tr>
      
         <Tr>
           <Td rowspan=2></Td>                 
               <Td></Td>
        </Tr>

         <Tr>
          <Td></Td>
         </Tr>

    </Table>
</Body>
</Html>

5.      simpan kode dengan nama latiahn3.html
6.     jalankan web browser
7.     buka file latihan3.html dari web browser yang sudah berjalan.

Latihan 4
1.      buka editor notepad
2.      ketikkan struktur html

<Html>
<Head>
<Title></Title>
</Head>
  <Body>

  </Body>
</Html>

3.      rancang lah tabel seperti di bawah ini.











4.   kode htmlnya adalah
<Html>
 <Head>
      <Title></Title>
 </Head>

<Body>
     <Table>
         <Tr>
          <Td colspan=2></Td>
          <Td rowspan=2></Td>                
        </Tr>

       <Tr>
          <Td colspan=2></Td>
      </Tr>

      <Tr>
          <Td colspan=3></Td>
      </Tr>

      
      <Tr>
           <Td></Td>
           <Td></Td>
               <Td></Td>
        </Tr>
  </Table>
</Body>
</Html>

5.      simpan file dengan nama latihan4.html
6.     buka web browser
7.     buka file latihan5.html dari web browser yang sudah berjalan
Latihan 5
1.      buka editor notepad
2.      ketikkan struktur html


<Html>
<Head>
<Title></Title>
</Head>
  <Body>

  </Body>
</Html>

3.      rancanglah tabel seperti di bawah ini








4.     kode html nya adalah
<Html>
 <Head>
      <Title></Title>
 </Head>

<Body>
<Table>
         <Tr>
          <Td></Td>
        </Tr>

        <Tr>
          <Td colspan=2></Td>
          <Td rowspan=2></Td>                
        </Tr>

      <Tr>
          <Td colspan=2></Td>
      </Tr>

</Table>
</Body>
</Html>       
5.      simpan file dengan nama latiahn5.html
6.     buka web browser
7.     buka file latihan5.html dari web browser yang sudah berjalan

Latihan 6
1.      buka editor notepad
2.      ketikkan struktur html
<Html>
<Head>
<Title></Title>
</Head>
  <Body>

  </Body>
</Html>
3.      rancanglah tabel seperti di bawah ini







4.     struktur html nya adalah
<Html>
 <Head>
      <Title></Title>
 </Head>
<Body>
<Table>
        <Tr>
          <Td></Td>
          <Td></Td>
        </Tr>

      <Tr>
          <Td colspan=2></Td>
      </Tr>

      <Tr>
         <Td rowspan=2></Td>    
         <Td></Td>      
      </Tr>

      <Tr>
          <Td></Td>
     </Tr>
</Table>
</Body>
</Html>

5.      simpan file dengan nama latihan6.html
6.     buka web browser
7.     buka file latihan 6.html pada web browser yang sudah berjalan
Format formulir
Ada dua buah metode pengiriman yang digunakan dalam pengiriman data yang telah diisikan kedalam formulir :
1.      GET
Adalah input yang di dapat dari formulir akan dikirim ke server sebagai parameter bagi program yang menjalankanya.
2.      Input yang di dapat dari formulir akan di kirim ke server dan dianggap sebagai standart input untuk program yang memangilnya.
Pembuatn formulir
Tag form memiliki dua buah atribut yaitu METHOD dan ACTION.
Ø  Atribut method digunakan untuk menunjukkan metode pengiriman informasi ke server, apakah menggunakan method get atau post.
Ø  Atribut action
Digunakan untuk menentukan kemana informasi form akan di serahkan.
Tipe input type :
1.      Textbox
2.       Password
3.       Radio
4.      Check box
5.       Combo box
6.     Text area
7.     Button
8.      Submit
9.      ResetImage
10.  Hidden













Diposting oleh Bernadetha Meliala