fix(checkbox): clear name from host node

Currently we forward the name attribute from the host node to the underlying input, however we leave the name on the host node intact. This can throw off functions like `document.getElementsByName` or the `By.name` Protractor selector.

src/lib/checkbox/checkbox.spec.ts

@@ -993,11 +993,17 @@ describe('MatCheckbox', () => {
     });
 
     it('should forward name value to input element', () => {
-      let checkboxElement = fixture.debugElement.query(By.directive(MatCheckbox));
-      let inputElement = <HTMLInputElement> checkboxElement.nativeElement.querySelector('input');
+      const checkboxElement = fixture.debugElement.query(By.directive(MatCheckbox));
+      const inputElement = <HTMLInputElement> checkboxElement.nativeElement.querySelector('input');
 
       expect(inputElement.getAttribute('name')).toBe('test-name');
     });
+
+    it('should clear the name attribute from the host node', () => {
+      const checkboxElement = fixture.debugElement.query(By.directive(MatCheckbox));
+
+      expect(checkboxElement.nativeElement.getAttribute('name')).toBeFalsy();
+    });
   });
 
   describe('with form control', () => {

src/lib/checkbox/checkbox.ts

@@ -115,6 +115,7 @@ export const _MatCheckboxMixinBase:
     'class': 'mat-checkbox',
     '[id]': 'id',
     '[attr.tabindex]': 'null',
+    '[attr.name]': 'null',
     '[class.mat-checkbox-indeterminate]': 'indeterminate',
     '[class.mat-checkbox-checked]': 'checked',
     '[class.mat-checkbox-disabled]': 'disabled',