Блог

Привет, я просто пытаюсь сделать какую-то фиксированную часть на своей веб-странице. Я хочу, чтобы какой-то текст, тег ввода были исправлены. Но когда я написал код, подобный приведенному ниже, я узнал, что не могу вводить текст в текстовое поле. Я не знаю, почему я не могу.

Кто-нибудь знает, почему это происходит и как я могу достичь своей цели? спасибо

 import React from "react"; import { Container, Row } from "react-bootstrap";  function Introduce(props) {  return (  lt;divgt;  lt;div className="introduceSquare"gt;  lt;Container fluidgt;  lt;Rowgt;  lt;h1gt; Meet to Share Emotionlt;/h1gt;  lt;h2gt;Where to go?lt;/h2gt;  lt;input  className="code"  autoComplete="on"  placeholder="code door plz"  /gt;  lt;/Rowgt;  lt;/Containergt;  lt;/divgt;  lt;/divgt;  ); }  export default Introduce;  

это код css

 .introduceSquare {  width: 100%;  text-align: center;  position: fixed;  margin-top: 10%;  z-index: -998;  color: #fdfce5; }