HTML5中的計算器是一種非常實用的工具,可以在網頁中用來進行簡單的數學運算。下面是一個簡單的計算器的代碼:
<html> <head> <title>簡易計算器</title> </head> <body> <p>請輸入要計算的表達式:</p> <form> <input type="text" name="expression"><br><br> <input type="button" value="計算" onclick="document.forms[0].result.value=eval(document.forms[0].expression.value)"> <input type="reset" value="清空"><br><br> <input type="text" name="result" readonly> </form> </body> </html>代碼解釋: - 第1行和第2行是HTML文件的起始標簽和頭部標簽 - 第3行到第6行中的標題標簽用來顯示頁面的標題??梢愿鶕嶋H需要進行修改。 - 第7行到第13行是HTML文件正文的標簽。其中,第8行的段落標簽用來提示用戶輸入表達式。 - 第9行到第12行的表單標簽中,第10行的文本框用來接受用戶輸入的表達式。第11行的按鈕標簽用來觸發計算操作,第12行的按鈕標簽用來清空輸入文本框中的內容。 - 第13行的文本框用來顯示計算結果。其中,文本框的readonly屬性表示該文本框只讀,用戶無法修改其中的內容。 - 在按鈕標簽的onclick屬性中,使用了Javascript語言的eval()函數來計算表達式的值,并將結果賦值到計算結果文本框中。