Response title
This is preview!
inline fields on the standard field list
in jQuery Mobile
•
12 years ago
the standard jquery mobile field list:
- <div data-role="fieldcontain">
- <label for="firstname">First Name:</label>
- <input type="text" name="firstname" id="firstname" />
- </div>
- <div data-role="fieldcontain">
- <label for="middlename">Middle Name:</label>
- <input type="text" name="middlename" id="middlename"/>
- </div>
this will create nice vertical field lists:
First name: _________________
middle name: _________________
Question:
How do i create a line with some inline fields in one row, such as
First name: _________________
middle name: _________________
Birth day: [day][month][year]
Is this possible to do and still leave all the screen rendering schenenigans to jquerymobile?
Or is that too much to ask? :)
My first try was
- <div data-role="fieldcontain">
- <label for="firstname">First Name:</label>
- <div class="ui-grid-b">
- <div class="ui-block-a"><input ...
but this does not work... fieldcontain will only work for pairs of lable/input or other combinations (such as label/input[type=checkbox]/label for checkbox
1