谷歌浏览器警告：密码表单应该有（可选隐藏）用户名字段以方便访问

Question

在访问我的单页应用程序的“重置密码”路径并查看 Chrome 浏览器控制台时，我收到以下警告：

[DOM] 密码表单应具有（可选隐藏）用户名字段以方便访问：（更多信息：goo.gl/9p2vKq）

<form class="searchAccount_form animated fadeIn form-tabular ng-pristine ng-valid ng-scope ng-hide" ng-show="isSet(6)" aria-hidden="true">
    	<h5>Choose a new password</h5>
    	<hr class="mt-0">
    	<p>A strong password is a combination of letters and punctuation marks. It must be at least 6 characters long.</p>
    	<div class="form-group row">
    		<label class="col-form-label col-4">New Password</label>
    		<div class="col-7">
    			<input autocomplete="new-password" class="form-control ng-pristine ng-untouched ng-valid ng-empty" type="password" ng-model="$parent.new_pass" name="password" ng-attr-type="{{ showPassword ? 'text':'password'}}" aria-invalid="false">
       	</div>
    	</div>
    	<div class="form-group">
    		  <input type="hidden" name="username" value="craig.francis" autocomplete="off" readonly="readonly">
    			<input type="hidden" name="csrf" value="tr6Gj6w6LczH98" autocomplete="off">
    			<button type="button" class="btn btn-primary" name="button" ng-click="reset_password()">Continue</button>
    			<button type="button" class="btn btn-link" name="button" ng-click="setTab(2)">Skip</button>
    	</div>
    </form>

Answer 1

如果您的问题是关于消除此警告，您可以添加警告消息中提到的隐藏文本框。

<input type="text" autocomplete="username" ng-hide="true">