Untitled

<!DOCTYPE html>
<?php
$host = 'localhost';
$user = 'stud';
$pass = 'stud';
$db = 'stud';

$con = mysqli_connect($host,$user,$pass,$db);

if(!$con){
	die("Neprisijungta: " . $mysqli_connect_error());
}

?>
<html>
<body>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
<div class="message">
<?php
$q = "SELECT * FROM arvydasdaubaris";

$r = $con->query($q);

while($rr = $r->fetch_assoc()){
	echo "<stong>" .$rr['vardas'] . "</strong>(" . $rr['epastas'] . ", " . $rr['data'] . ", " . $rr['ip'] . "): " . $rr['zinute'] . " ";
	break;
}

?>
</div>
<form method='post' action="form.php">
<div class="form-group col-lg-6">
<label for="vardas" class="control-label">Vardas:</label>
<input name='vardas' id='vardas' type='text' class="form-control input-sm" required="true">
</div>
<div class="form-group col-lg-6">
<label for="epastas" class="control-label">e-pastas:</label>
<input name='epastas' id="epastas" type='email' class="form-control input-sm" required="true">
</div>
<div class="form-group col-lg-12">
<label for="zinute" class="control-label">tekstas:</label>
<textarea name='zinute' id="zinute" class="form-control input-sm" required="true"></textarea>
</div>
<div class="form-group">
<button id="submit" class="btn btn-default">Siusti</button>
<button type="button" class="btn btn-success" style="float:right;" onclick="trinti()">Trinti</button>
</div>
</form>
</div>


<script>
function trinti(){
	$('#vardas').val("");
	$('#epastas').val("");
	$('#zinute').val("");
}

$("#submit").click(function(){
    $.post("form.php",
    {
        vardas: $('#vardas').val(),
        epastas: $('#epastas').val(),
		zinute: $('#zinute').val()
    },
    function(data, status){
    });
});

</script>
</body>
</html>