<!DOCTYPE html>
<html>
<head>
<title>Autofill Form</title>
</head>
<body>
<form id="testform" method="post">
<!-- for attribute associated to an input name. -->
<label for="input_1_name">I should be associated to an id attribute.</label>
<input type="text" name="input_1_name" id="input_1">
<!-- Inputs with duplicated ids. -->
<input aria-label="I have a label" type="text" id="not_unique_id">
<input aria-label="I have a label" type="text" id="not_unique_id">
<!-- Inputs with no label. -->
<input type="text" id="input_4">
<!-- Inputs with an empty autocomplete attribute. -->
<input aria-label="I have a label" type="text" id="input_5" autocomplete />
<!-- Inputs without id neither name. -->
<input aria-label="I have a label" type="text">
<!-- Input to aria-labelledby that does not exist. -->
<input type="text" id="input_6" aria-labelledby="non-existing-id">
<!-- Inputs with autocomplete values assigned to id or name. -->
<input aria-label="I have a label" type="text" id="given-name">
<!-- Label has no nested input nor for attribute. -->
<label></label>
<!-- Label for value uses non existing id. -->
<label for="non_existing_id"></label>
<!-- Autocomplete is wrong but well intended. It contains an autocomplete keyword as substring. -->
<input aria-label="I have a label" type="text" id="input_7" autocomplete="password">
</form>
</body>
</html>
Codebase Browser
chromium