無法在HTML文本框中輸入任何東西

-2

所以我試圖創建一個文本框（名爲SearchUp），我可以在其中搜索名稱。然而，它不允許我輸入任何奇怪的東西，因爲我的所有其他文本框都可以工作。我希望有人能夠幫助我解決這個問題。謝謝。無法在HTML文本框中輸入任何東西

下面是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>

來源

2016-07-31 srsxyz

您發佈的代碼並不代表您的問題。您可以輕鬆地輸入該輸入文本框（「SearchUp」）。 – Green

編寫你的[MCVE]時：*測試你將要提供的代碼，以確保它重現了問題* – Quentin

我們應該如何弄清楚'可能對您的問題？創建一個合適的[MCVE]，而不是大量代碼的轉儲，這可能是也可能不是問題的原因。 – Quentin

的OP狀態上面：

我不得不向下移動文本框。

來源

2016-08-01 20:15:11

無法在HTML文本框中輸入任何東西

回答

相關問題