<input type="text" name="username" value="默认有值状态" lay-affix="clear" class="layui-input"> 输入框获取焦点时才显示lay-affix="clear" 属性 失去焦点则不显示lay-affix="clear" 属性

你可以使用 JavaScript 监听输入框的焦点事件，在获取焦点时添加 `lay-affix="clear"` 属性，在失去焦点时移除该属性。以下是一个简单的示例代码：

HTML 代码：

<input type="text" name="username" value="默认有值状态" class="layui-input" id="username-input">

JavaScript 代码：

var usernameInput = document.getElementById('username-input');

usernameInput.addEventListener('focus', function() {
  usernameInput.setAttribute('lay-affix', 'clear');
});

usernameInput.addEventListener('blur', function() {
  usernameInput.removeAttribute('lay-affix');
});

当输入框获得焦点时，就会添加 `lay-affix="clear"` 属性，此时就会显示清空按钮。当输入框失去焦点时，就会移除该属性，此时就不会显示清空按钮。