input文本框输入与输出（简单举例）

以一元二次方程计算器简单举例

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>一元二次方程计算器</title><script>function print() {var a1 = document.getElementById("aa").valuevar b1 = document.getElementById("bb").valuevar c1 = document.getElementById("cc").valuem = b1 ** 2 - 4 * a1 * c1if (a1 == "" || b1 == "" || c1 == "") {alert('请输入方程系数')} else {if (m >= 0) {x1 = (-b1 + Math.sqrt(m)) / (2 * a1)x2 = (-b1 - Math.sqrt(m)) / (2 * a1)document.getElementById("x1").value = x1;document.getElementById("x2").value = x2;} else {alert('该方程无解')}}}</script>
</head><body><h4 align="center">一元二次方程计算器</h4><form action=""><div align="center"><input type="number" id="aa" style="width: 80px;">x2+<input type="number" id="bb" style="width: 80px;">x+<input type="number" id="cc" style="width: 80px;">=0</div><table align="center"><tr><td>计算结果为如下</td></tr><tr><td>第一个解为：</td><td><input type="number" id="x1" style="width: 100px;"></td></tr><tr><td>第二个解为：</td><td><input type="number" id="x2" style="width: 100px;"></td></tr><tr><td><input type="button" value="计算结果" onclick="print()" /></td><td><input type="reset" value="重新填写"></td></tr></table>
</form>
</body></html>

输出结果图如下

input文本框输入与输出（简单举例）相关推荐

通过js获得input文本框输入的值
如何通过js获得input文本框输入的值. 前言我们编写的被载入浏览器的HTML页面都是一个 Document 对象.对于Document对象可以使我们通过代码(比如javascript)对HTML ...
已解决selenium模块向网页input文本框输入内容失败问题
已解决(selenium向input文本框输入内容失败问题)selenium.common.exceptions.ElementNotInteractableException: Message: e ...
php如何禁掉文本框输入,如何禁止input文本框输入
如何禁止input文本框输入 nput文本框用于接收用户输入的信息,我们有两种方法可以禁止input文本框,一种方法是使用readonly,另一种方法是使用disabled,但二者之间还是有区别的,请 ...
html ip输入框效果,html5 input文本框输入动画特效
特效描述:文本框输入动画动画特效.几个更鼓舞人心的风格为文本框输入动画包括一些新技术和新思想. 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 Manami Username Web ...
【干货】JS 限制input文本框输入
JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=v ...
input文本框输入溢出的时候，鼠标悬停显示全部信息
想要鼠标悬停在文本框上时,显示文本框详情,只要title的值等于文本框的value值就可以了 <input onmouseover="this.title=this.value&quo ...
如何禁止input文本框输入
今天想总结几个很有用的html标签,开发中经常用到,不熟悉的人可能还真不太清楚,分别是: readonly.disabled.autocomplete readonly表示此域的值不可修改,仅可与 t ...
html中文输入转换成英文,HTML input 文本框输入中文逗号自动转换为英文逗号
begin 经历了一段时间的使用Github发表个人博客,我的感受就是很装逼,但是很麻烦--,因为都是自己手动弄的,还不如博客园方便,还有自己买了域名,但是SEO却提不上起,或者说压根就没有 --#, ...
HTML里怎么设置密码框为星号,input密码框输入后设置显示为星号或其他样式
预览效果核心代码 {{"*".repeat(text.length)}} :type="type=='number'?'tel':'text'" ref=&q ...

input文本框输入与输出（简单举例）

以一元二次方程计算器简单举例

input文本框输入与输出（简单举例）相关推荐

最新文章

热门文章