Kann nichts in HTML-Textfeld eingeben

-2

Also ich versuche, ein Textfeld (namens SearchUp) zu erstellen, wo ich nach Namen suchen kann. Es erlaubt mir jedoch nichts darin zu tippen, was komisch ist, weil alle meine anderen Textfelder funktionieren. Ich hatte gehofft, dass mir jemand dabei helfen könnte. Vielen Dank. HierKann nichts in HTML-Textfeld eingeben

ist die HTML:

<!DOCTYPE html> 
    <html lang="en" style="background-color:#99ebff;"> 


    <head > 
    <link rel="stylesheet" 
    href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 
    <link href="http://fonts.googleapis.com/css?family=Cookie|Open+Sans:400,700" rel="stylesheet" /> 
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" /> 
    <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic|Oswald' rel='stylesheet' type='text/css'> 
    <link href="css/main.css" rel="stylesheet" /> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src= "js/controllers/MainController.js"></script> 
    <script src= "js/jquery.js"></script> 

    </head> 

    <body ng-app="myapp2" ng-controller= "MainController"> 
    <header> 


    <nav class = "main-navigation" role='navigation'> 
     <ul> 
     <li style= "font-size: 20px;">Name</li> 
     <input type = "text" name = "Name" size = "40" class = "box1" ng-model = "input"/> 

     <li style= "font-size: 20px;">Number</li> 
     <input type = "text" name = "Number" size = "40" class = "box2" ng-model = "input2"/> 

     <li style= "font-size: 20px;">Appointment Date</li> 
     <input type = "text" name = "Date" size = "40" class = "box3" ng-model = "input3" /> 

     <li ><a href = '#' style = "text-decoration: none; color: inherit;" class = "button" ng-click = "addName()" >Submit</a> 
      <a href = '#' style = "text-decoration: none; color: inherit;" class = "cancel">Cancel</a> 
     </li> 
     </ul> 
     <!-- <li class = "cancel"><a href = '#' style = "text-decoration: none; color: inherit;">Cancel</a></li> --> 
     </ul> 
    </nav> 
    </header> 
    <div class="header" > 
    <!-- ng-app = "instantSearch" ng-controller = "InstantSearchController" --> 

    <div class = "card"> 
     <div class = "front"> 
      <h1><span >Appointments</span></h1> 

     </div> 
     <div class = "back"> 
      <a href = "#" style="text-decoration: none; color: inherit;"><h1><span>Add patient</span></h1></a> 
     </div> 
    </div> 
     <a href = "" class = "search" style = "text-decoration: none; color: white;"> Search </a> 
</div> 
<nav class= "side-navigation" role='navigation' > 

    <input type = "text" name = "SearchUp" size = "40" class = "box1" /> 

    <div ng-repeat=" patient in patients | filter: searchKeyword" > 
     <!-- | searchFor:searchString --> 

     <div class="item col-md-12 " > 
      <h3 class="name2" style ="padding-top: 40px;"><a href = "" style="text-decoration: none; color: inherit;">{{patient.name}}</a> </h3> 

     </div> 



     </div> 
    </nav> 

    <div class="main" > 

    <div class="container" style="background-color:#f2f2f2"> 


     <h2 class = "item col-md-4">Patients</h2> 
     <h2 class = "item col-md-4">Phone Number</h2> 
     <h2 class = "item col-md-4">Appointment Date</h2> 
     <div ng-repeat=" patient in patients" > 
     <div class = "patientz" style = "display: inline;"> 


     <div class="item col-md-4 " > 
      <h3 class="name"><a href = "#" style="text-decoration: none; color: inherit;">{{patient.name}}</a> </h3> 

     </div> 
     <div class="price col-md-4"> 
      <p class="price">{{patient.number}} </p> 
     </div> 
     <div class="price col-md-4" > 
      <p class="date" > {{ patient.date}} 
       <a href = "" style="text-decoration: none; color: black;" class = "reminder"> send reminder</a> 
     </p> 

     </div> 


     </div> 
     </div> 


    </div> 
    </div> 

    <div class="footer"> 
    </div> 

</body> 

</html> 


    <!-- Modules --> 
    <script src="/Users/singh/Desktop/front-end twilio/js/app.js"></script> 


    <!--Controllers --> 
    <script src="/Users/singh/Desktop/front-end twilio/js/controllers/MainController.js"></script>

Quelle

2016-07-31 srsxyz

Der Code, den Sie gepostet haben, repräsentiert nicht Ihr Problem. Sie können dieses Eingabefeld ("SearchUp") einfach eingeben. – Green

Wenn Sie Ihre [MCVE] schreiben: * Testen Sie den Code, den Sie bereitstellen werden, um sicherzustellen, dass das Problem reproduziert wird * – Quentin

Wie sollen wir herausfinden, welche Wirkung '' könnte auf Ihr Problem haben? Erstellen Sie ein ordnungsgemäßes [MCVE], kein Dump eines großen Stacks von Code, der die Ursache des Problems sein kann oder nicht. – Quentin

Die OP Staaten oben:

Ich musste nur auf das Textfeld bewegen.

Quelle

2016-08-01 20:15:11

Kann nichts in HTML-Textfeld eingeben

Antwort

Verwandte Themen