Scribd
Upload
29 views

Nama: Muhammad Fanani Satrio Darma Putra Nim: 5200411231 Tugas: Rekayasa Web Praktik (X)

This document contains code examples for using different types of HTML form elements including text fields, checkboxes, radio buttons, textareas, and drop down menus. It provides code for forms that collect a user's name and hobby, allow selecting favorite fruits, specify gender, and select a favorite sport. The code is presented within the context of an assignment for a Web Engineering Practicum course.

Uploaded by

Wong Gendeng
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
29 views

Nama: Muhammad Fanani Satrio Darma Putra Nim: 5200411231 Tugas: Rekayasa Web Praktik (X)

This document contains code examples for using different types of HTML form elements including text fields, checkboxes, radio buttons, textareas, and drop down menus. It provides code for forms that collect a user's name and hobby, allow selecting favorite fruits, specify gender, and select a favorite sport. The code is presented within the context of an assignment for a Web Engineering Practicum course.

Uploaded by

Wong Gendeng
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Nama : Muhammad Fanani Satrio Darma Putra

Nim : 5200411231
Tugas : Rekayasa Web Praktik ( X )

Latihan no 1.

<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan Formulir</title>
</head>
<body>
<FORM ACTION = "info.html" METHOD = "POST">
Nama :
<INPUT TYPE = "TEXT" NAME = "nama" SIZE = "20"
MAXLENGTH = "20">
<br>
Hobby :
<INPUT TYPE = "TEXT" NAME = "hobby" SIZE = "20"
MAXLENGTH = "20">
<br>
<INPUT TYPE = "SUBMIT" VALUE = "Kirim">
<INPUT TYPE = "RESET" VALUE = "Kosongkan">
</FORM>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
Info
</body>
</html>

Latihan no 2.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan Formulir</title>
</head>
<body>
<FORM>
Buah yang Anda sukai:<br>
<INPUT TYPE = "CHECKBOX" NAME = "anggur" CHECKED>Anggur<br>
<INPUT TYPE = "CHECKBOX" NAME = "jeruk">Jeruk<br>
<INPUT TYPE = "CHECKBOX" NAME = "melon">Melon<br>
</FORM>
</body>
</html>

Latihan no 3.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan Formulir</title>
</head>
<body>
<FORM>
Jenis Kelamin:<br>
<INPUT TYPE = "RADIO"
NAME = "sex">Pria<br>
<INPUT TYPE = "RADIO"
NAME = "sex">Wanita<br>
<br>
Komentar Anda:<br>
<TEXTAREA NAME = "komentar" ROWS = "5" COLS = "40" WRAP></TEXTAREA>
<br>
</FORM>
</body>
</html>

Tugas No 1.
<!DOCTYPE html>
<html>
<head>
<title>Contoh SELECT - Model Drop Down</title>
</head>
<body>
<FORM>
Olahraga yang paling Anda sukai:<br>
<SELECT NAME = "olahraga" SIZE = "3">
<OPTION VALUE = "Sepakbola" SELECTED>Sepak Bola
<OPTION VALUE = "Bulutangkis">Bulutangkis
<OPTION VALUE = "Tenismeja">Tenis Meja
<OPTION VALUE = "Basket">Basket
<OPTION VALUE = "Lain-lain">Lain-lain
</SELECT>
</FORM>
</body>
</html>

You might also like