класс для упаковки кнопки загрузки с вводом выбора файла - PullRequest
0 голосов
/ 04 августа 2020

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

<html>
<head>
<--//Bootstrap support plugins->
</head>
<body>
<div class="wthree-form bg">
<div class="agileits-2">
<h2>Sign Up Here</h2>
</div>
<form action="signup.php" enctype="multipart/form-data" method="post">
<--These classes make the form look real good by wrapping up the font awesome icon with an input field->
<div class="w3-user">
<span><i class="fa fa-user-o"></i></span>
<input type="text" name="Username" placeholder="Username" required="">
</div>
<--Here is my problem->
<div class="w3-? ">
<span><i class="fa fa-upload"></i></span>
<input type="file" name="fileToUpload">
</div>
<form>
</div>
</body>
</html>

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

1 Ответ

0 голосов
/ 04 августа 2020

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

изменить

<div class="w3-? ">
<span><i class="fa fa-upload"></i></span>
<input type="file" name="fileToUpload">
</div>
<form>
</div>
</body>
</html>

на

<div class="w3-? ">
<span><i class="fa fa-upload"></i></span>
<input type="file" name="fileToUpload">
</div>
</form>
</div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...