Guten Tag, ich habe da ein Problem!!
Ich habe mir heute ein kleines Interface gebaut und möchte nun gernen Inputs erstellen. Jedoch kann ich diese nicht verwenden. Ich klicke drauf Tippe drauf nichts passiert. Es passiert überhaupt nichts.
Hat jemand eine Idee woran dann liegen kann?
Hier mein Code!
PHP
<!DOCTYPE HTML>
<html>
<head>
<!-- Hier sind die Wichtigsten Bestandteile -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/style22.css" />
<title><?php echo ucfirst($user);?> ADMIN BEREICH</title>
<!-- Hier sind die Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Hier sind die Schriftarten -->
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rammetto+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css">
</head>
<body>
<div class="wrapper">
<nav id="sidebar">
<!-- Hier beginnt das Avatar mit Begrüßung -->
<div class="sidebar-header">
<img src="img/cloud.png" height="70" width="70" align=left ><p style="color: white; font-family: Rammetto One;"> Willkommen<br> Cloud
</div>
<br>
<!-- Hier beginnt der Navigation Abschnitt "Allgemeines" -->
<p align="center"; style="color: white; font-family: Oswald; font-size: 20px; background-color: #29343A;">Allgemeines</p>
<ul class="list-unstyled" style="margin-top: -2px">
<li class="active">
<a style="text-decoration:none; color: white; font-family: Oswald;" href="#homeSubmenu">Dashboard</a>
</li>
<li>
<a style="text-decoration:none; color: white; font-family: Oswald;" href="#">Informationen</a>
</li>
</ul>
<hr>
<br>
<br>
<!-- Hier beginnt der Navigation Abschnitt "Profil" -->
<p align="center"; style="color: white; font-family: Oswald; font-size: 20px; background-color: #29343A; margin-top: -20px;">Profil</p>
<ul class="list-unstyled" style="margin-top: -2px">
<li>
<a style="text-decoration:none; color: white; font-family: Oswald;" href="#">Profil Bearbeiten</a>
</li>
<li>
<a style="text-decoration:none; color: white; font-family: Oswald;" href="#">Passwort ändern</a>
</li>
</ul>
<hr>
<br>
<br>
<!-- Hier beginnt der Navigation Abschnitt "Administration" -->
<p align="center"; style="color: white; font-family: Oswald; font-size: 20px; background-color: #29343A; margin-top: -20px;">Administration</p>
<ul class="list-unstyled" style="margin-top: -2px">
<li>
<a style="text-decoration:none; color: white; font-family: Oswald;" href="#homeSubmenu" data-toggle="collapse" aria-expanded="false">Benutzer Hinzufügen</a>
</li>
<ul class="collapse list-unstyled" id="homeSubmenu">
<li><a style="text-decoration:none; color: white; font-family: Oswald;" href="#">Admin Hinzufügen</a></li>
<li><a style="text-decoration:none; color: white; font-family: Oswald;" href="#">Teammitglied Hinzufügen</a></li>
</ul>
<li>
<a style="text-decoration:none; color: white; font-family: Oswald;" href="#pageSubmenu" data-toggle="collapse" aria-expanded="false">Pages</a>
<ul class="collapse list-unstyled" id="pageSubmenu">
<li><a style="color: white; font-family: Oswald;" href="#">Page 1</a></li>
<li><a style="text-decoration:none; color: white; font-family: Oswald;" href="#">Page 2</a></li>
<li><a style="text-decoration:none; color: white; font-family: Oswald;" href="#">Page 3</a></li>
</ul>
</li>
</ul>
</nav>
<!-- Hier beginnt der Sidebar Nav Toggler -->
<div id="content">
<nav class="test">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" id="sidebarCollapse" class="btn btn-info navbar-btn">
<i class="glyphicon glyphicon-align-left"></i>
</button>
</div>
</div>
</nav>
</div>
<!------------------------------------------------------------------------------------------>
</div>
<div style="margin-left: 3; margin-top: 80px">
<form action="" method="post" data-abide>
<div class="row">
<div class="form-group" style="margin-left: 250px;">
<label for="usr">Name:</label>
<input type="text" class="form-control" id="usr">
</div>
</div>
<form>
</div>
</body>
<!-- Hier beginnen die Javascripts -->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#sidebar").mCustomScrollbar({
theme: "minimal"
});
$('#sidebarCollapse').on('click', function () {
$('#sidebar, #content').toggleClass('active');
$('.collapse.in').toggleClass('in');
$('a[aria-expanded=true]').attr('aria-expanded', 'false');
});
});
</script>
</html>
Alles anzeigen
Hoffe mir kann jemand Helfen.
Gruß!