It's a simple Angular HTML question, I would like a bit clarity about the id of tags. For example, in my code I have:

```
    <input class="inputfile" type="file" name="file" #file id="file" 
    (change)="onFileChange($event)"/>

    <button mat-mini-fab color="primary" (click)="file.click()">                        
            <mat-icon aria-label="Icon to upload file">cloud_upload</mat-icon>
    </button>

    <label for="file" >Upload your portifolio</label>

```

In that example, I had to **set `#file` in the input for the button to work and also had to set `id="file"` for the label to work**. Previously I thought they had the same function and it was just about syntax. Could someone clarify what are the uses of each?