Как выбрать кнопку «Выбрать файл и другую» в одной строке?

Question

Я использую директиву ng-file-upload для загрузки файлов. У меня есть сценарий, в котором количество загружаемых файлов определяется динамически. Кроме того, я создал немного отклоненный сценарий, который соответствует стандарту, в котором кнопки Upload and Submit являются отдельными и, разумеется, делают разные действия.
Теперь, что я хочу сделать, это получить Выберите «Файл», т.е. <input type="file"> и Загрузить кнопку в той же строке, но я не смог это сделать.

Мой Соответствующий Markup:

<input type="file" ngf-select ng-model="input.value" name="{{input.name}}" ngf-model-invalid="errorFile" required> 
<button type="button" ng-show="input.value !== null" ng-click="uploadFile(input.value, $index)">Upload File</button> 
<span ng-show="input.value.progress >= 0"> 
    <div class="progress" style="width:{{input.value.progress}}%" ng-bind="input.value.progress + '%'"></div> 
</span> 

Что я могу сделать в этом случае?

Answer 1

Вы можете попробовать плавать правую кнопку (see here) Как это:

<style type="text/css"> 
    div.inline { float:left; } 
    .clearBoth { clear:both; } 
</style> 

и в конце прозрачного поплавка с классом clearBoth