CloseTag | الشروحات | Java Script | أحداث form في لغة جافا سكريبت | JavaScript Form Events

<!DOCTYPE html>
<html>
<head>
<style>
 .input
 {
   height:30px;
   width:30%;
 }
  .btn
 {
   padding:10px;
   background-color:#007bff;
   border:none;
   color:white;
 }
</style>
</head>
<body>
<h1>JavaScript on focus </h1>
<p id="paragraph">border color will change , after focus</p>
<form action="" method="post" onsubmit="alert('Data Sent successfully')">
  <input type="text" class="input" placeholder="Enter Username">
  <input class="btn" type="submit">
</form>
</body>
</html>

 
<!DOCTYPE html>
<html>
<head>
<style>
 .input
 {
   height:30px;
   width:30%;
 }
  .btn
 {
   padding:10px;
   background-color:#007bff;
   border:none;
   color:white;
 }
</style>
</head>
<body>
<h1>JavaScript on focus </h1>
<p id="paragraph">border color will change , after focus</p>
<form action="" method="post" onsubmit="alert('Data Sent successfully')">
  <input type="text" class="input" placeholder="Enter Username">
  <input class="btn" type="submit">
</form>
</body>
</html>