Блог

Главная - Вопросы по программированию - Ввод формы показывает только границы, они не фокусируются и не отображают html и css-заполнители

Ввод формы показывает только границы, они не фокусируются и не отображают html и css-заполнители

#html #css

#HTML #css

Вопрос:

Я проверял Google, но все еще не могу найти решение для своей проблемы.. в результате чего моя форма не работает, поля ввода не реагируют на фокус, также они не отображают заполнители и значения. Я буду признателен, если кто-нибудь сможет показать мне проблему, если это мой код самостоятельно.

 #searchForm {
  	display: block;
   	width: 100%;
   	float: left;
   	margin: 5px auto 0 auto;
   	border-top: 0.3px solid white;
}

#searchForm form {
   	display: block;
   	width: 100%;
   	height: auto;
   	padding: 5px 15px;
   	float: left;
   	color: black;
   	border: 2px solid red;
}

#searchForm form input[type=text] {
   	display: block;
   	width: 100%;
   	height: 35px;
   	border: 1px solid white;
   	text-align: center;
   	background-color: transparent;
}

#searchForm form input[type=submit] {
   	display: block;
   	margin: auto;
   	width: auto;
   	padding: 3px 5px;
   	font size: 16px;
   	color: black;
   	background-color: transparent;
}  
 <div id="searchForm">
    <form action="header.php" method="POST">
    	<input type="text" name="que" placeholder="Enter your query and search.." required autofocus />
    	<input type="submit" name="search" value="Search" />
    </form>
</div>

Комментарии:

1. Хм, ваш код, похоже, отображает вводимый текст и заполнитель

2. Спасибо вам всем за вашу заботу.. Я обнаружил, что установил font-size:0; в родительском элементе.