<input> поле...
- Автор pweb
- Начална дата
Ето, ако съм те разбрал както трябва ,имаше това в предвид:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#pole3 {
border:solid 1px red;
height:20px;
width:40px;
}
#pole4 {
border:solid 1px red;
height:20px;
width:40px;
}
</style>
<script type="text/javascript">
function check() {
var pole = document.getElementById('pole').value;
var object = document.getElementById('pole1');
object.innerHTML = pole;
}
</script>
</head>
<body>
<form method="" action="">
<table>
<tr>
<td><input type="text" id="pole" onblur="check()" /></td><td><div id="pole1"> </div></td>
</tr>
</table>
</form>
</body>
</html>Ето ти за 4 полета:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.pole3 {
border:solid 1px red;
height:20px;
width:40px;
}
</style>
<script type="text/javascript">
function check(x,y) {
var pole = document.getElementById(x).value;
var object = document.getElementById;
object.innerHTML = pole;
}
</script>
</head>
<body>
<form method="" action="">
<table>
<tr>
<td><input type="text" id="pole" onblur="return check('pole', 'pole1')" /></td><td><div id="pole1" class="pole3"> </div></td>
</tr>
<tr>
<td><input type="text" id="pole2" onblur="return check('pole2', 'pole3')" /></td><td><div id="pole3" class="pole3"> </div></td>
</tr>
<tr>
<td><input type="text" id="pole4" onblur="return check('pole4', 'pole5')" /></td><td><div id="pole5" class="pole3"> </div></td>
</tr>
<tr>
<td><input type="text" id="pole6" onblur="return check('pole6', 'pole7')" /></td><td><div id="pole7" class="pole3"> </div></td>
</tr>
</table>
</form>
</body>
</html>