HTML/CSS - Form page Online Editor and JavaScript Compiler

html
<html>
   <head>
       <title>profife page</title>
   </head>
   <body style="background: linear-gradient(to right, dodgerblue 0%, deepskyblue 100%);">
       <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT2Sn4XJO7fqcfJhCT0OC3XEO5o6lebM3I0c4hBmAcbp51_Rb5Wh_0bDvo&s=10"alt="pic" width="100"
       <h1 align="center"; color:"red">CREATE PROFILE</h1>
       <br>
       
       <p style="color:yellow">complete the following step to create a profile</p>
       <form>
           <input type="text">FirstName<br>
           <input type="text">LastName<br>
           <input type="password">password<br>
           <input type="radio" name="sex"value="male">male<br>
           <input type="radio"name="sex"value="female">female<br>
           
           <p align="center"><input type="date"name="date_name"value="yyyy-MM-DD">date of birth</p><br>
           
           <input type="email"name="email_name"placeholder="your_email@gmail.com">email<br><br>
           
           <p align="center"><button onclick="alert('pls wait while youe account is being created')"><i>submit</i></button></p>
       </form>
  
   </body>
<!-- pls follow and uplift-->
css
BROWSER
Console