Bootstrep forms to HeidiSQL : Can you give me some tips whit this. I made a form with bootstrep and i don't know how to make this: when i complete all steps (firstname, secondname, email, password, gender, status(student/profesor)) and press submit to save this information into my database (i use HeidiSQL).


    <div class="container">
	<h2> Completati formularul</h2>
	<form role="form">
	<div class="col-md-4">
		<div class="form-group">
			<label for="prenume">Prenume</label>
			<input type="prenume" class="form-control" id="prenume" placeholder="Enter prenume"></input>
		</div>

		<div class="form-group">
			<label for="name">Name</label>
			<input type="name" class="form-control" id="name" placeholder="Enter name"></input>
		</div>

		<div class="form-group">
			<label for="cnp">CNP</label>
			<input type="cnp" class="form-control" id="cnp" placeholder="Enter the cnp"></input>
		</div>

		<div class="form-group">
			<label for="email">E-mail</label>
			<input type="email" class="form-control" id="email" placeholder="Enter E-mail"></input>
		</div>

		<div class="form-group">
			<label for="password">Parola</label>
			<input type="password" class="form-control" id="password" placeholder="Enter password"></input>
		</div>

		<p>Sex</p>
			<div class="radio">
				<label><input type="radio" name="m">Masculin</label>
			</div>
			<div class="radio">
				<label><input type="radio" name="f">Feminin</label>
			</div>
		
		
		<div class="dropdown">
    		<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Statut
    		<span class="caret"></span></button>
   				 <ul class="dropdown-menu">
   				 	<li> </li>
					<li><a href="#">Student</a></li>
					<li><a href="#">Profesor</a></li>
					<li><a href="#">Suport tehnic</a></li>
				</ul>
		</div>
		<br/>
		<p>Necesar</p>
			<div class="checkbox">
				<label><input type="checkbox" value="">Videoproiector</label>
			</div>
			<div class="checkbox">
				<label><input type="checkbox" value="">Flipchart</label>
			</div>
			<div class="checkbox">
				<label><input type="checkbox" value="">Marker</label>
			</div>

		<p>Observatii</p>
		<div class="form-group">
    		<textarea class="form-control" placeholder="Message"></textarea>
		</div>
		<div>
			<button type="submit" class="btn btn-default">Submit</button>
		</div>