css能实现计算公式吗？比如1+1=2 3-2=1 请大师解答？？

html-css021

css能实现计算公式吗？比如1+1=2 3-2=1 请大师解答？？,第1张

css是美化html的！！你说的应该是javascript！

如下面代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<script language="JavaScript">

function sum(){

var s1 = document.f1.s1.value

var s2 = document.f1.s2.value

var s3 = Number(s1)+Number(s2)

document.f1.s3.value=s3

}

</script>

</head>

<body>

<form name="f1">

<input type="text" name="s1">+

<input type="text" name="s2">=

<input type="text" name="s3">

<input type="button" value="计算结果" onclick="sum()">

</form>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/htmlcharset=GBK" /><title>自动计算表格之和</title><style type="text/css">*{margin:0padding:0} .tab,.tab td {border:1px solid #CCCCCCborder-collapse:collapse} .tab td {text-align:center} input {border:0} </style><script type="text/javascript">function getH() { var v=new Array()v[0]=parseInt(document.getElementById('t1').value)v[1]=parseInt(document.getElementById('t2').value)v[2]=parseInt(document.getElementById('t3').value)v[3]=parseInt(document.getElementById('t4').value)v[4]=parseInt(document.getElementById('t5').value)v[5]=parseInt(document.getElementById('t6').value)var h=v[0]+v[1]+v[2]+v[3]+v[4]+v[5]document.getElementById('t7').value=h.toString()} </script></head><body><table width=50 cellpadding="0" cellsapcing=0 border=0 align=center class=tab><tr><td width=100% height=27><input type="text" id="t1" size=4 /></td></tr><tr><td width=100% height=27><input type="text" id="t2" size=4 /></td></tr><tr><td width=100% height=27><input type="text" id="t3" size=4 /></td></tr><tr><td width=100% height=27><input type="text" id="t4" size=4 /></td></tr><tr><td width=100% height=27><input type="text" id="t5" size=4 /></td></tr><tr><td width=100% height=27><input type="text" id="t6" size=4 onblur="getH()" /></td><!--当焦点离开第6个表格时，将上面的6个表格内的值相加，然后在第7个表格中显示--></tr><tr><td width=100% height=27><input type="text" id="t7" size=4 /></td></tr></table></body></html>当焦点离开第6个表格时，将上面的6个表格内的值相加，然后在第7个表格中显示 以上代码只是简单地演示如何利用javascript提高用户输入的交互性特征，你可以自由地嵌入到各种开发言语中，无论是Asp或是Php、Jsp、Aspx等等中。 代码十分简单，基本上实现你所需要的功能， 如果需要更高级的功能，还需要你进一步去开发