Hai Sobat Internet ?
Apa kabar kalian para calon programer ? Sudah pernah dengar Form HTML dan Hyperlink HTML belum ? kalau belum yuk ikuti terus karena Sobat Internet kali ini akan membahas sebuah materi yang mungkin bisa membantu teman-teman yag ingin belajar tentang HTML.
Jadi apasih Form HTML ?
HTML Form atau Form HTML digunakan untuk memberikan data ke sebuah server. Sebuah. HTML Form dapat memiliki input – input element antara lain text field, checkbox, radiobutton, submit button dan lain-lain. Sebuah form juga dapat mengandung select lists, textarea, fieldset, legend, dan element label. HTML menggunakan tag <a> untuk membuat suatu link kepada dokumen lain dalam web. Sintaks dari penghubungan dalam HTML dengan menggunakan tag <a>, atribut href digunakan untuk mendefinisikan lokasi link. Ada beberapa jenis link, diantaranya :
- link absolut : link yang terhubung dengan jaringan internet online
- link relatif : link ke ke page lain pada komputer yang sama
- link dalam dokumen yang sama
- link ke alamat email
Ada beberapa Atribut Target ;
- target="_blank" yang berguna untuk memuat dokumen baru ke dalam window baru yang kosong
- target="_self" yang berguna untuk memuat dokumen baru ke dalam window yang sama dengan anchor(default)
- target="_top" berguna untuk memuat dokumen baru ke dalam keseluruhan window browser merupakan cara yang umu untuk keluar dari frame.
- target="_parent" yang berguna untuk memuat dokumen baru ke dalam parent frame bila menggunakan frame.
1. Contoh Script HTML membuat form dengan checkbox :
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE>Checked</TITLE> </HEAD>
<BODY>
<FORM>
Buah yang Anda sukai: <BR>
<INPUT TYPE = "CHECKBOX" NAME = "anggur">Anggur<BR>
<INPUT TYPE = "CHECKBOX" NAME = "jeruk">Jeruk<BR>
<INPUT TYPE = "CHECKBOX" NAME = "melon" CHECKED >Melon<BR>
</FORM>
</BODY>
</HTML>
Simpanlah script diatas dengan nama formcheckbox.html lalu buka menggunakan web browser.
2. Contoh Script HTML membuat form radio button flexible :
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE>Radio</TITLE> </HEAD>
<BODY> <fieldset> <legend> Jenis Kelamin </legend>
<FORM>
<INPUT TYPE = "RADIO" NAME = "jk" CHECKED>Pria<BR>
<INPUT TYPE = "RADIO" NAME = "jk">Wanita<BR>
</FORM>
</fieldset>
</BODY>
</HTML>
Simpah Script diatas dengan nama formradio.html lalu jalankan menggunakan web browser.
3, Contoh script membuat form hyperlink abslout :
<!DOCTYPE html>
<Html>
<Head> <Title>Link Absolute </Title> </Head>
<Body>
<p> Apabila Anda ingin melihat apakah Operating System
Windows terregistrasi atau tidak,
Anda dapat mengakses
<a href="http://www.microsoft.com">Situsnya Microsoft</a>.
</Body>
</Html>
Simpan dengan nama formabsolut.html dan jalankan menggunakan web browser.
4. Contoh Script HTML Hyperlink ke alamat email :
<!DOCTYPE html>
<html>
<body>
<form action="mailto:setiyanugroho@gmail.com? subject=Web%20Programming
%20kelas..." method="post" enctype="text/plain">
<h2>Form ini mengirim sebuah e-mail ke W3C.</h3>
Nama<br>
<input type="text" name="Nama" value="Setiya Nugroho"
size="20"> <br>
NPM:<br>
<input type="text" name="NIM" value="0123456789"
size="20"> <br>
Tugas:<br>
<input type="text" name="Tugas" value="Tugas Modul 4"
size="40"> <br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</body>
</html>
Lalu simpan dengan nama hyperlinkemail.html dan silahkan coba jalankan menggunakan web browser.
Jadi itu beberapa contoh tentang hyperlink HTML dan form HTML yang bisa kalian coba . Jangan malah ngoding ya teman-teman hehehe . Ayo semangatttttt calon proggramer !
#contohscriptHTML #scripthtml #scripthyperlinkHTML #contohscript #pengertianformHTML #pengertianhyperlinkhtml #contohscriptproggramhtml
0 comments:
Post a Comment