Check out example codes for "how to make a username and password in html". It will help you in understanding the concepts better.

Code Example 1

<html>
<head>
<title>Account</title>
<style>
body
{
	background-color:#ffda08;
}
table
{
	border:1px white;
	margin-top:200px;
	margin-left:500px;
	background-color:white;
	padding:20px
}
#btn
{
	width:200px;
	height:50px;
	background-color:#1ee3d2;
}

</style>
</head>
<body>
	<form name=frmNewAcc>
		<table border=0 cellspacing=5px>
	<tr>
		<th colspan=3><input class=in =text name=txtuname placeholder="Enter your account name"></th>
	</tr>
	<tr>
		<th colspan=3><input class=in type=password name=txtupass placeholder="Enter your new password"></th>
	</tr>
	<tr>
		<th colspan=3><input  class=in type=password name=txtuconfirmpass placeholder="Enter confirmed password"></th>
	</tr>
	<tr>
		<th colspan=3><input id=btn type=button value="Create new account"></th>
		<a href="Login task 1.html">Go back to login</a>
	</tr>

	
</table>
</form>
</body>
</html>

Code Example 2

<input type="text" placeholder="Enter Username" name="username" required> <label>Password : </label> <input type="password" placeholder="Enter Password" name="password" required>

Learn ReactJs, React Native from akashmittal.com