Currently utilizing Bootstrap 3 and AngularJs for this project.
Implementing the following markup for the input field with type 'search':
<input type="search" class="form-control" id='roomSearch' placeholder="Search" ng-model='qText'>
As for the textarea:
<textarea name='question' id='question' rows='8' ng-model='q.text' class='form-control' ng-maxlength='{{$root.globals.maxLen.med}}' required></textarea>
Displayed properly in major browsers on iPhone and desktop, but experiencing rendering issues on iPad:
Further details here
UPDATE! CSS styling for the search box:
#roomSearch {
margin-top: 8px;
float: right;
}
CSS styling for the text area:
.question-form textarea {
width: 100%;
}