Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama textfield.html)
<!DOCTYPE html>
<html>
<head>
<title> Textfield </title>
</head>
<body>
<b>AKN Bojonegoro</b>
<form>
First Name: <input type="text"
name="namapertama"/> <br/>
Last Name: <input type="text" name="namaakhir"/>
</form>
</body>
</html>
PRINTSCRINTNYA :
========================================================================
Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama password.html)
<!DOCTYPE html>
<html>
<head>
<title> Password </title>
</head>
<body>
<b>AKN Bojonegoro</b>
<form>
Username:
<input type="text"
name="namapertama"/> <br/>
Password :
<input type="text" name="Password"/>
</form>
</body>
</html>
PRINTSCRINTNYA :
=====================================================================
Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama checkbox.html)
<html>
<head>
<title> Checkbox </title>
</head>
<body>
Kendaraan yang dimiliki:
<form>
<input type="checkbox" name="kendaraan"
size="10"/> Sepeda<br/>
<input type="checkbox" name="kendaraan"
size="10"/> Motor<br/>
<input type="checkbox" name="kendaraan"
size="10"/> Mobil<br/>
<input type="checkbox" name="kendaraan"
size="10"/> Pesawat<br/>
<input type="checkbox" name="kendaraan"
size="10"/> Perahu<br/>
</form>
<br/>
@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA
</body>
</html>
========================================================================
Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama radiobutton.html)
<!DOCTYPE html>
<html>
<head>
<title> Radiobutton </title>
</head>
<body>
Kendaraan yang dimiliki:
<form>
<input type="radio" name="kendaraan" size="10"/>
Sepeda<br/>
<input type="radio" name="kendaraan" size="10"/>
Motor<br/>
<input type="radio" name="kendaraan" size="10"/>
Mobil<br/>
<input type="radio" name="kendaraan" size="10"/>
Pesawat<br/>
<input type="radio" name="kendaraan" size="10"/>
Perahu<br/>
</form>
<br/>
@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA
</body>
</html>
PRINTSCRINT :
======================================================================
Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama combobox.html)
<!DOCTYPE html>
<html>
<head>
<title> Combobox </title>
</head>
<body>
Kendaraan yang dimiliki:
<form>
<select name="kendaraan">
<option value="" selected="selected">
Silahkan Pilih Kendaraan!</option>
<option value="sepeda"> Sepeda</option>
<option value="motor"> Motor</option>
<option value="mobil"> Mobil</option>
<option value="pesawat"> Pesawat</option>
<option value="perahu"> Perahu</option>
</form>
<br/>
@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA
</body>
</html>
SCRIPTNYA :
======================================================================
Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama listbox.html)
<!DOCTYPE html>
<html>
<head>
<title> Listbox </title>
</head>
<body>
Kendaraan yang dimiliki:
<form>
<select name="kendaraan" multiple="multiple"
size="6">
<option value="" selected="selected">
Silahkan Pilih Kendaraan!</option>
<option value="sepeda"> Sepeda</option>
<option value="motor"> Motor</option>
<option value="mobil"> Mobil</option>
<option value="pesawat"> Pesawat</option>
<option value="perahu"> Perahu</option>
</form>
<br/>
@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA
</body>
</html>
PrintScrintnya:
=======================================================================
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama textarea.html)
<!DOCTYPE html>
<html>
<head>
<title> Textarea </title>
</head>
<body>
Isikan komentar:
<form>
<textarea rows="10" cols="50"
name="komentar"></textarea>
</form>
@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA
</body>
</html>
====================================================================
Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama file.html)
<!DOCTYPE html>
<html>
<head>
<title> Image Upload </title>
</head>
<body>
Isikan komentar:
<form>
Upload Gambar: <input type="file" name="gbr" />
</form>
<br/>
@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA
</body>
</html>
Printscrintnya :
======================================================================
Latihan
Buka file baru di notepad++ atau PHPdesigner dan tulis script berikut!
(beri nama audio.html)
<!DOCTYPE html>
<html>
<head>
<title> Audio </title>
</head>
<body>
<audio src="file:///F|/DESAIN WEB EDO/FORM DAN MULTIMEDIA/AUDIO VIDEO/THE COLLECTIVE.mp3" controls>
</audio>
<br/>
<b>@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA</b>
</body>
</html>
PRINTSCRINTNYA :
====================================================================
Buka file baru di notepad++ atau PHPde
(beri nama audio_otomatis_play.html)
ANALISA HASIL PERBEDAANYA!
PERBEDAAN AUTO PLAY
<!DOCTYPE html>
<html>
<head>
<title> Audio </title>
</head>
<body>
<audio src="file:///F|/DESAIN WEB EDO/FORM DAN MULTIMEDIA/AUDIO VIDEO/THE COLLECTIVE.mp3" controls
autoplay> </audio>
<br>@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA</b>
</body>
</html>
PRINTSCRINTNYA :
======================================================================
Video
Dasar Teori
Tidak hanya file audio yang bisa ditampilkan di web browser, namun juga file
videojuga bisa diupload
<!DOCTYPE html>
<html>
<head>
<title> Video </title>
</head>
<body>
<video width="320" height="240" poster="error.png"
controls >
<source src="movie.ogg" type="video/ogg">
<source src="file:///F|/DESAIN WEB EDO/FORM DAN MULTIMEDIA/AUDIO VIDEO/Cesar.MP4">
</object>
</video>
<br/>
@AKN Bojonegoro @Create EDO FEBRIAN PRATAMA PUTRA
</body>
</html>
PRINTSCRINTNYA :
=======================================================================
Postingan
0 komentar:
Posting Komentar