File: index.html

Recommend this page to a friend!
  Classes of Jesus Tovar  >  Simple Students CRUD  >  index.html  >  Download  
File: index.html
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Simple Students CRUD
Perform CRUD operations on a students MySQL table
Author: By
Last change:
Date: 4 years ago
Size: 2,482 bytes
 

 

Contents

Class file image Download
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Student List</title>

    <meta name="description" content="Source code generated using layoutit.com">
    <meta name="author" content="tovar" >

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/sweet-alert.css"/>

  </head>
  <body>

    <div class="container-fluid">
	<div class="row">
		<h1>Student List</h1>
		<div class="divider"></div>
		<div class="col-md-4 col-md-offset-4">
			<form role="form" class="center">
			<legend>Student</legend>
			<fieldset>
				<div class="form-group">
					 
					<label for="InputId">
						Student Id
					</label>
					<input type="text" class="form-control" id="InputId" readonly="true" disabled="true">
				</div>
				<div class="form-group">
					 
					<label for="InputName">
						Student Name
					</label>
					<input type="text" class="form-control" id="InputName">
				</div>
				<div class="form-group">
					 
					<label for="InputAge">
						Student Age
					</label>
					<input type="numeric" class="form-control" id="InputAge">
				</div>
            <div class="form-group button-group pull-right">
                <br>                
					<button type="button" id="btnAdd" onclick="student.add();" class="btn btn-success">
						Save
					</button>
					<button type="button" id="btnEdit" onclick="student.edit();" class="btn btn-warning">
						Edit
					</button>
					<button type="button" id="btnDelete" onclick="student.delete();" class="btn btn-danger">
						Delete
					</button>
				</div>
				</fieldset>
			</form>
		</div>
	</div>
	<div class="divider"></div>
	<div class="row">
		<div class="col-md-12">
			<table class="table" id="tblStudent">
				<thead>
					<tr>
						<th>
							#
						</th>
						<th>
							Student Name
						</th>
						<th>
							Student Age
						</th>
					</tr>
				</thead>
				<tbody>
					
				</tbody>
			</table>
		</div>
	</div>
</div>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/sweet-alert.js"></script>
    <script src="js/scripts.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(){
			student.listStudents();    	
    	});
    </script>
  </body>
</html>

For more information send a message to info at phpclasses dot org.