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;
}