Remove form role on forms

client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html

@@ -4,7 +4,7 @@
   Updating instance configuration from the web interface is disabled by the system administrator.
 </my-alert>
 
-<form role="form" [formGroup]="form">
+<form [formGroup]="form">
 
   <div ngbNav #nav="ngbNav" [activeId]="activeNav" (activeIdChange)="onNavChange($event)" class="nav-tabs">
 

client/src/app/+admin/overview/users/user-edit/user-edit.component.html

@@ -85,7 +85,7 @@
 
   <div class="content-col">
     <div class="row">
-      <form class="col" role="form" (ngSubmit)="formValidated()" [formGroup]="form">
+      <form class="col" (ngSubmit)="formValidated()" [formGroup]="form">
         <div class="form-group" *ngIf="isCreation()">
           <label i18n for="username">Username</label>
           <input

client/src/app/+admin/overview/users/user-edit/user-password.component.html

@@ -1,4 +1,4 @@
-<form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
+<form (ngSubmit)="formValidated()" [formGroup]="form">
 
   <div class="input-group">
     <input id="password"

client/src/app/+admin/plugins/plugin-show-installed/plugin-show-installed.component.html

@@ -5,7 +5,7 @@
     {{ plugin.name }}
   </h2>
 
-  <form *ngIf="hasRegisteredSettings()" role="form" (ngSubmit)="formValidated()" [formGroup]="form">
+  <form *ngIf="hasRegisteredSettings()" (ngSubmit)="formValidated()" [formGroup]="form">
     <div class="form-group" *ngFor="let setting of registeredSettings" [id]="getWrapperId(setting)">
       <my-dynamic-form-field [hidden]="isSettingHidden(setting)" [form]="form" [setting]="setting" [formErrors]="formErrors"></my-dynamic-form-field>
     </div>

client/src/app/+login/login.component.html

@@ -48,7 +48,7 @@
     <div class="wrapper">
       <div class="login-form-and-externals">
 
-        <form class="w-100 m-0" myPluginSelector pluginSelectorId="login-form" role="form" (ngSubmit)="login()" [formGroup]="form">
+        <form class="w-100 m-0" myPluginSelector pluginSelectorId="login-form" (ngSubmit)="login()" [formGroup]="form">
           <ng-container *ngIf="!otpStep">
             <div class="form-group">
               <div>

client/src/app/+manage/video-channel-edit/video-channel-edit.component.html

@@ -1,7 +1,7 @@
 <my-alert *ngIf="error" type="danger">{{ error }}</my-alert>
 
 <div class="margin-content pt-4">
-  <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
+  <form (ngSubmit)="formValidated()" [formGroup]="form">
 
     <div class="pt-two-cols"> <!-- channel grid -->
       <div class="title-col">

client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.html

@@ -5,7 +5,7 @@
   <strong>{{ user.pendingEmail }}</strong> is awaiting email verification
 </div>
 
-<form role="form" class="change-email" (ngSubmit)="changeEmail()" [formGroup]="form">
+<form class="change-email" (ngSubmit)="changeEmail()" [formGroup]="form">
 
   <div class="form-group">
     <label i18n for="new-email">Change your email</label>

client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.html

@@ -1,6 +1,6 @@
 <my-alert *ngIf="error" type="danger">{{ error }}</my-alert>
 
-<form role="form" (ngSubmit)="changePassword()" [formGroup]="form">
+<form (ngSubmit)="changePassword()" [formGroup]="form">
 
   <label i18n for="current-password">Change password</label>
   <my-input-text

client/src/app/+my-account/my-account-settings/my-account-email-preferences/my-account-email-preferences.component.html

@@ -1,4 +1,4 @@
-<form role="form" (ngSubmit)="updateEmailPublic()" [formGroup]="form">
+<form (ngSubmit)="updateEmailPublic()" [formGroup]="form">
 
   <div class="form-group">
     <my-peertube-checkbox

client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html

@@ -1,6 +1,6 @@
 <my-alert *ngIf="error" type="danger">{{ error }}</my-alert>
 
-<form role="form" (ngSubmit)="updateMyProfile()" [formGroup]="form">
+<form (ngSubmit)="updateMyProfile()" [formGroup]="form">
 
   <div class="form-group">
     <label i18n for="username">Username</label>

client/src/app/+my-account/my-account-settings/my-account-two-factor/my-account-two-factor.component.html

@@ -9,7 +9,7 @@
 
 <div class="root" *ngIf="twoFactorAlreadyEnabled === false">
   <ng-container *ngIf="step === 'request'">
-    <form role="form" (ngSubmit)="requestTwoFactor()" [formGroup]="formPassword">
+    <form (ngSubmit)="requestTwoFactor()" [formGroup]="formPassword">
 
       <label i18n for="current-password">Your password</label>
       <div class="form-group-description" i18n>Confirm your password to enable two factor authentication</div>
@@ -37,7 +37,7 @@
 
     <div class="secret-plain-text">{{ twoFactorSecret }}</div>
 
-    <form class="mt-3" role="form" (ngSubmit)="confirmTwoFactor()" [formGroup]="formOTP">
+    <form class="mt-3" (ngSubmit)="confirmTwoFactor()" [formGroup]="formOTP">
 
       <label i18n for="otp-token">Two-factor code</label>
       <div class="form-group-description" i18n>Enter the code generated by your authenticator app to confirm</div>

client/src/app/+my-library/my-video-channel-syncs/video-channel-sync-edit/video-channel-sync-edit.component.html

@@ -7,7 +7,7 @@
   </div>
 
   <div class="content-col">
-    <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
+    <form (ngSubmit)="formValidated()" [formGroup]="form">
 
       <div class="form-group">
         <label i18n for="externalChannelUrl">Remote channel URL</label>

client/src/app/+my-library/my-video-playlists/my-video-playlist-edit.component.html

@@ -30,7 +30,7 @@
   </div>
 
   <div class="content-col">
-    <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
+    <form (ngSubmit)="formValidated()" [formGroup]="form">
 
       <div class="form-group">
         <label for="thumbnailfile" i18n>Playlist thumbnail</label>

client/src/app/+reset-password/reset-password.component.html

@@ -1,7 +1,7 @@
 <div class="margin-content">
   <h1 i18n class="title-page">Reset my password</h1>
 
-  <form role="form" (ngSubmit)="resetPassword()" [formGroup]="form">
+  <form (ngSubmit)="resetPassword()" [formGroup]="form">
     <div class="form-group">
       <label i18n for="password">Password</label>
 

client/src/app/+search/search-filters.component.html

@@ -1,4 +1,4 @@
-<form role="form" (ngSubmit)="formUpdated()">
+<form (ngSubmit)="formUpdated()">
 
   <div class="row">
     <div class="col-lg-4 col-md-6 col-xs-12">

client/src/app/+signup/+register/steps/register-step-channel.component.html

@@ -13,7 +13,7 @@
   </p>
 </div>
 
-<form role="form" [formGroup]="form">
+<form [formGroup]="form">
 
   <div class="row">
 

client/src/app/+signup/+register/steps/register-step-terms.component.html

@@ -1,4 +1,4 @@
-<form role="form" [formGroup]="form">
+<form [formGroup]="form">
 
   <div *ngIf="requiresApproval" class="form-group">
     <label i18n for="registrationReason">Why do you want to join {{ instanceName }}?</label>

client/src/app/+signup/+register/steps/register-step-user.component.html

@@ -2,7 +2,7 @@
   Video uploads are disabled on this instance, hence your account won't be able to upload videos.
 </my-alert>
 
-<form role="form" [formGroup]="form">
+<form [formGroup]="form">
   <div class="row">
 
     <div class="col-md-12 col-xl-6 form-group">

client/src/app/+signup/+verify-account/verify-account-ask-send-email/verify-account-ask-send-email.component.html

@@ -1,7 +1,7 @@
 <div class="margin-content">
   <h1 i18n class="title-page">Request email for account verification</h1>
 
-  <form *ngIf="requiresEmailVerification; else emailVerificationNotRequired" role="form" (ngSubmit)="askSendVerifyEmail()" [formGroup]="form">
+  <form *ngIf="requiresEmailVerification; else emailVerificationNotRequired" (ngSubmit)="askSendVerifyEmail()" [formGroup]="form">
     <div class="form-group">
       <label i18n for="verify-email-email">Email</label>
 

client/src/app/+video-studio/edit/video-studio-edit.component.html

@@ -2,7 +2,7 @@
   <h1 class="title-page" i18n>Studio for {{ video.name }}</h1>
 
   <div class="grid-container">
-    <form role="form" [formGroup]="form">
+    <form [formGroup]="form">
 
       <div class="section cut" formGroupName="cut">
         <h2 i18n>CUT VIDEO</h2>

client/src/app/shared/shared-user-settings/user-interface-settings.component.html

@@ -1,4 +1,4 @@
-<form role="form" (ngSubmit)="updateInterfaceSettings()" [formGroup]="form">
+<form (ngSubmit)="updateInterfaceSettings()" [formGroup]="form">
 
   <div class="form-group">
     <label i18n for="theme">Theme</label>

client/src/app/shared/shared-user-settings/user-video-settings.component.html

@@ -1,4 +1,4 @@
-<form role="form" (ngSubmit)="updateDetails()" [formGroup]="form">
+<form (ngSubmit)="updateDetails()" [formGroup]="form">
   <div class="form-group">
     <div class="anchor" id="video-sensitive-content-policy"></div> <!-- video-sensitive-content-policy anchor -->
     <label i18n for="nsfwPolicy">Default policy on videos containing sensitive content</label>