[Bug Report]: 浏览器自动填充密码时，建议隐藏password

[limei7]

Masa.Blazor version

1.0.0

Describe the bug

https://auth-test.masastack.com/User

Expected Behavior

No response

Steps To Reproduce

No response

Reproduction code

No response

.NET version

No response

What browsers are you seeing the problem on?

No response

Additional context

No response

[capdiem]

@MayueCif 调查了一下，edge需要点击才会将密码和账号填充到输入框，此时会触发input事件。但chrome浏览器会自动添加，不会触发input事件或其他事件，似乎无法让值更新到Blazor的状态。目前有个解决办法是，password输入框type默认为text，此时不会触发自动填充的行为，但用户点击输入框再设置为password。

[capdiem]

• Avoid overlapping the label with the input:

  <MTextField @bind-Value="name" Label="Name" @ref="_textField"></MTextField>
  
  @code {
      private MTextField<string>? _textField;
      protected override async Task OnAfterRenderAsync(bool firstRender)
      {
          if (firstRender)
          {
              await JS.InvokeVoidAsync(JsInteropConstants.AddCls, _textField?.LabelReference?.Ref, "m-label--active");
          }
      }
  }

• Set the background color for autofill:

  input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  }