Question

所以我试图创建一个文本框（名为SearchUp），我可以在其中搜索名称。但是它不允许我在其中键入任何奇怪的东西，因为我的所有其他文本框都有效。我希望有人能够帮助我解决这个问题。感谢。

这是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>

Answer 1

OP表明上述情况：

我只需要移动文本框。

无法在HTML文本框中键入任何内容

1 个答案: