jQuery Mobile リファレンス

Tweet

data-role=”fieldcontain”を指定した要素にclass=”ui-hide-label”を指定することとでラベル部分を非表示にすることができます。

placeholderなどを利用する場合にラベルが重複してしまいます。その場合はclass=”ui-hide-label”を指定してラベルを非表示にしましょう。

<div data-role="fieldcontain" class="ui-hide-label">
	<label for="username">Username:</label>
	<input type="text" name="username" id="username" value="" placeholder="Username"/>
</div>

参考URL

jQuery Mobile Docs - Forms

登録日 : 2012年10月23日 最終更新日 : 2016年12月19日

同じカテゴリー(フォーム)のエントリー

• data-clear-btn
• data-placeholder=”true”
• data-ajax=”false”
• data-native-menu
• data-highlight
• class=”ui-hide-label”
• data-mini=”true”