创建一个表单，用于输入当前页面的背景色、页面字号的值、表格行的背景和表格边框的值。将表单的action属性指定为当前页面，并使用EL来获取这些属性的值，来改变页面的属性。在文本框中输入对应的数值，然后单击【改变属性】按钮，页面的元素的属性会随着用户的输入的不同而不同。

创建一个HTML表单来实现这个功能，首先需要包含四个输入字段：两个用于颜色选择（如input[type="color"]），分别对应背景色和表格行背景；两个用于数字输入（如input[type="number"]），对应字号和表格边框的大小。此外，还需要一个提交按钮，比如<input type="button" value="改变属性">。表单的结构可以像这样：

<form action="#" method="post">
    <label for="bg-color">背景色:</label>
    <input type="color" id="bg-color" name="bg-color">

    <br>

    <label for="font-size">字号:</label>
    <input type="number" id="font-size" name="font-size" min="1" max="72">

    <br>

    <label for="table-row-bg">表格行背景:</label>
    <input type="color" id="table-row-bg" name="table-row-bg">

    <br>

    <label for="border-width">表格边框:</label>
    <input type="number" id="border-width" name="border-width" min="0" max="5">

    <br>

    <input type="submit" value="改变属性">
</form>

在JavaScript（通常搭配服务器端支持，如Spring MVC的EL表达式）部分，你可以监听表单的submit事件，获取表单数据并动态更新页面样式。例如，在jQuery中可以这样做：

$(document).on('submit', 'form', function(e) {
    e.preventDefault(); // 阻止默认提交行为

    var bgColor = $('#bg-color').val();
    var fontSize = $('#font-size').val();
    var tableRowBg = $('#table-row-bg').val();
    var borderWidth = $('#border-width').val();

    // 使用EL表达式设置页面样式
    // 这里假设你在一个Servlet或控制器里有相应的处理
    // document.body.style.backgroundColor = '#' + bgColor;
    // document.body.style.fontSize = fontSize + 'px';
    // 等等...

    // 更新其他DOM元素的样式
});