oke temen temen ketemu lagi dengan saya ,,,,,
kali ini saya ingin sharing tentang pembuatan from dalam html dan di kombinasi dengan file Css.
sebenarnya file Css ini hanya sebagai pendeklarasian mau bagaimana bentuk dari web / HTML yang akan kita buat ibarat Web/HTML itu manusia , sedangkan Css itu tulang atau keranggkanya, jeh jadi keinget pelajaran BIOLOGI waktu SMA nih ,, ekekekekek
oke kita liat ajah sourch codenya ,,,,,, ^_^
File Css:
#nim {
width: 200px;
}
.form{
color: blue;
background-color: yellow;
}
nah file css di atas ini mendeklarasikan file dari nim itu punya luas / lebar 200 px sob ,,,
kalo from nya itu di kasi warna biru sama beckgrounya warna kuning sob ,,,,
file HTML
<!DOCTYPE html>
<html>
<head>
<title>My Form</title>
<link rel="stylesheet" type="text/css" href="myStyle.css"/>
</head>
<body>
<form action="" method="POST" class='form'>
NIM : <input type="text" name="nim" id="nim"/><div id="error"></div><br/>
Email : <input type="email" name="email" required/>
<input type="radio" value=1 name='rad1' />
<input type="radio" value=2 name='rad1'/><br/>
<input type="checkbox" value=1 name='c1' />
<input type="checkbox" value=2 name='c2' /><br/>
<textarea cols=30 rows=3>Ini adalah value textarea</textarea><br/>
<select>
<option value=1>Option</option>
<option value=2>Option</option>
<option value=3>Option</option>
</select><br/>
<input type="submit" value="OK" />
</form>
<script type="text/javascript">
function checkInput()
{
var nim = document.getElementById('nim').value;
if(nim=='')
{
alert('Inputan NIM harus diisi!!');
}
else
{
alert('NIM kamu adalah '+nim);
}
}
</script>
</body>
</html>
ini hasil dari output programnya brooo ,,,
oke itu dulu yah yang bisa saya kasih ,,, nanti kalo ada apa- apa koment ajah yah ,, ^_^
nanti kalo sempet tak jawab sampe tmen temen puas ,,,,, ekekeke
anada puas kami mbuh pie carane ,,,,,,, okeeee wasalah ,,,, ^_^
0 komentar:
Post a Comment