var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>html5 input text placeholder</title>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.4.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.min.js" data-semver="1.4.6"></script>
</head>

<body>
  <p>HTML5 input text placeholder</p>
  <form>
    <div>
      <div>
        <input type="text" name="txtName" placeholder="Enter Name" class="tb8">
      </div>
      <div>
        <input type="text" name="txtAddress" placeholder="Enter Address" class="tb8">
      </div>
      <input type="submit" value="Submit" class="fb9">
    </div>
  </form>
</body>

</html>
/* Larger Side Border */
.tb8 {
	width: 230px;
	border: 1px solid #3366FF;
	border-left: 4px solid #3366FF;
}

/* Hover Button 2 */
.fb9 {
	border: 1px solid #3366FF;
	background-color:#B3C6FF;
	width:100px;
	height:30px;
}
.fb9:hover {
	border: 2px dotted #FF6633;
	color:#FF6600;
	font-weight:bold;
		width:100px;
	height:30px;
}