ext点击按钮根据name属性修改表单颜色

当你想要通过JavaScript或jQuery实现点击按钮后，根据按钮`name`属性动态修改HTML表单元素的颜色，通常可以这样做：

1. 首先，在HTML中，给需要改变颜色的表单元素添加一个通用的class或者id，例如所有输入框都添加`form-control-color`。

<form>
  <input type="text" class="form-control form-control-color" name="input1">
  <!-- 更多输入框... -->
</form>
<button id="colorButton">点击更改颜色</button>

2. 然后，在JavaScript或jQuery中编写一个事件处理器函数，监听按钮的点击事件。在该函数内部，你可以通过`name`属性获取到当前触发按钮，并根据其值来设置对应表单元素的颜色。这里假设我们有一个颜色数组，每个键对应的值就是一种颜色。

$(document).ready(function() {
  $('#colorButton').click(function() {
    var currentBtnName = $(this).attr('name');
    var colors = {
      'button1': 'red', // 替换成实际的颜色
      'button2': 'blue',
      // 更多颜色...
    };

    $('.form-control-color').css('background-color', colors[currentBtnName]);
  });
});

在这个例子中，点击名为`button1`的按钮会将所有`form-control-color`类的元素背景色改为红色，依此类推。