编写一个使用EL的JSP程序,该程序将使用用户输入的数据来操作当前页面的背景 色、字号大小、表格宽度和边框。 要求:创建一个静态页面用于输入背景色、字号大小、表格宽度和边框,根据用户输入的数据,设置页面的样式。
时间: 2023-05-18 11:07:31 浏览: 256
可以使用以下代码实现:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用EL的JSP程序</title>
</head>
<body>
<h1>使用EL的JSP程序</h1>
<form action="" method="post">
<label for="bgColor">背景色:</label>
<input type="text" id="bgColor" name="bgColor"><br>
<label for="fontSize">字号大小:</label>
<input type="text" id="fontSize" name="fontSize"><br>
<label for="tableWidth">表格宽度:</label>
<input type="text" id="tableWidth" name="tableWidth"><br>
<label for="tableBorder">表格边框:</label>
<input type="text" id="tableBorder" name="tableBorder"><br>
<input type="submit" value="提交">
</form>
<hr>
<table style="background-color: ${param.bgColor}; font-size: ${param.fontSize}px; width: ${param.tableWidth}px; border: ${param.tableBorder}px solid black;">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
在这个程序中,我们使用了EL表达式来获取用户输入的数据,并将其应用于页面样式中。具体来说,我们使用了${param.xxx}的语法来获取名为xxx的参数的值。然后,我们将这些值应用于table元素的style属性中,从而设置页面的样式。
阅读全文