jsp页面上有一个button, 点击一次增加一个文本框,当文本框为四个时,自动换行...

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

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>

<script type="text/javascript">   

String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {   

    if (!RegExp.prototype.isPrototypeOf(reallyDo)) {   

        return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);   

    } else {   

        return this.replace(reallyDo, replaceWith);   

    }   

}   

</script>  

 

<script>

var nHtml = '';

function addInput(){

var d = document.getElementById("t");

var html = nHtml;

//html.replace(/'<br>'/g,"");

html.replace(/(\n|\r|(\r\n)|(\u0085)|(\u2028)|(\u2029))/g, "");  

//alert(html);

html+="<INPUT type='text'/>";

var arr = html.split("<INP");

var row = parseInt((arr.length-1)/3);

var y = (arr.length-1)%3;

var h='';

for(var i=0;i<row;i++){

h+="<INP"+arr[i*3+1];

h+="<INP"+arr[i*3+2];

if(arr[i*3+3].indexOf("<br>")>0){

h+="<INP"+arr[i*3+3];

}else{

h+="<INP"+arr[i*3+3]+"<br>";

}

}

for(var i=0;i<y;i++){

h+="<INP"+arr[row*3+i+1];

}

nHtml=h;

d.innerHTML = h;

}

</script>

 <BODY>

 <input type="button"  οnclick="addInput();" value="add"/>

  <div id="t"><input type="text"/></div>

 </BODY>

</HTML>

<script>

nHtml = document.getElementById("t").innerHTML;;

</script>

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用下面的代码编写JSP页面:<html> <head> <title>计算三角形面积</title> </head> <body> <h1>计算三角形面积</h1> <form action="CalculateTriangleArea.jsp" method="post"> 请输入三角形三边: <input type="text" name="side1" /> <input type="text" name="side2" /> <input type="text" name="side3" /> <input type="submit" value="提交" /> </form> </body> </html><% Double side1 = Double.parseDouble(request.getParameter("side1")); Double side2 = Double.parseDouble(request.getParameter("side2")); Double side3 = Double.parseDouble(request.getParameter("side3")); Double s = (side1 + side2 + side3) / 2; Double area = Math.sqrt(s*(s-side1)*(s-side2)*(s-side3)); out.print("三角形面积为:" + area); %> ### 回答2: 编写一个JSP页面,计算三角形面积的步骤如下: 1. 创建一个名为triangle.jspJSP页面。 2. 在页面中添加一个表单,用于接收用户输入的三角形三边长度。 3. 在表单中添加一个文本框,用于输入第一条边的长度。设置其name属性为"side1"。 4. 在表单中添加一个文本框,用于输入第二条边的长度。设置其name属性为"side2"。 5. 在表单中添加一个文本框,用于输入第三条边的长度。设置其name属性为"side3"。 6. 在表单中添加一个提交按钮,用于触发计算面积的操作。 7. 在表单的结束标签之后,添加一个用于显示计算结果的区域,设置其id属性为"result"。 8. 在JSP页面的脚本部分,使用Java代码计算三角形的面积。 9. 获取用户输入的三边长度,并将其转换为float类型。 10. 使用海伦公式计算三角形面积。公式为:area = √(s * (s - side1) * (s - side2) * (s - side3)),其中s为半周长,计算公式为:s = (side1 + side2 + side3) / 2。 11. 将计算得到的面积赋值给结果区域的innerHTML属性,以显示计算结果。 完成上述步骤后,用户在浏览器中打开该JSP页面,输入三角形的三边长度,点击提交按钮即可得到计算的三角形面积。 ### 回答3: 编写一个JSP页面,可以实现计算三角形面积的功能,具体步骤如下: 1. 首先,创建一个JSP页面,可以使用以下代码创建一个简单的页面模板: ```html <!DOCTYPE html> <html> <head> <title>计算三角形面积</title> <script> function calculateArea() { // 获取三边的值 var side1 = parseInt(document.getElementById("side1").value); var side2 = parseInt(document.getElementById("side2").value); var side3 = parseInt(document.getElementById("side3").value); // 使用海伦公式计算面积 var s = (side1 + side2 + side3) / 2; var area = Math.sqrt(s * (s - side1) * (s - side2) * (s - side3)); // 显示计算结果 document.getElementById("result").innerHTML = "三角形的面积为:" + area.toFixed(2); } </script> </head> <body> <h1>计算三角形面积</h1> <form> <label for="side1">边长1:</label> <input type="number" id="side1" required> <br><br> <label for="side2">边长2:</label> <input type="number" id="side2" required> <br><br> <label for="side3">边长3:</label> <input type="number" id="side3" required> <br><br> <input type="button" value="提交" onclick="calculateArea()"> </form> <br> <div id="result"></div> </body> </html> ``` 2. 在页面中,使用JavaScript编写一个用于计算三角形面积的函数calculateArea()。该函数首先获取用户输入的三边的值,然后使用海伦公式计算面积,最后将结果显示在页面上的result元素中。 3. 页面中包含一个form表单,用户可以输入三角形的三边。每个输入都有一个唯一的id,用于在JavaScript中获取输入值。 4. ```<input type="button" value="提交" onclick="calculateArea()">``` 这行代码创建了一个"提交"按钮,单击该按钮将触发calculateArea()函数,并计算三角形的面积。 5. 最后,页面中的div元素用于显示计算结果,其id为"result"。 使用以上代码编写JSP页面,用户只需输入三边的长度,单击“提交”按钮即可计算并显示三角形的面积。页面会根据用户输入的值实计算结果,实现了三角形面积的动态计算功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值