戻る

テキスト入力ボックス

このサイトの仕様上、部品は目的の動作と異なることがあるので、ソースを活用してください。

テーマを指定する

<div data-role="fieldcontain">
	<label for="textinput">テキスト入力:</label>
	<input type="text" name="textinput" id="textinput" value="" data-theme="e">
</div>

入力ヒントを設定する

<div data-role="fieldcontain">
	<label for="textinput">テキスト入力</label>
	<input type="text" name="textinput" id="textinput" vavlue="" placeholder="入力ヒント">
</div>

検索ボックスを作る

<div data-role="fieldcontain">
	<label for="search">検索:</label>
	<input type="search" name="search" id="search" value="">
</div>

パスワード入力ボックスを作る

<div data-role="fieldcontain">
	<label for="password">パスワード:</label>
	<input type="password" name="password" id="password" value="">
</div>

数値入力ボックスを作る

<div data-role="fieldcontain">
	<label for="number">数値入力:</label>
	<input type="number" name="number" id="number" value="">
</div>

メールアドレス入力ボックスを作る

<div data-role="fieldcontain">
	<label for="email">電子メール:</label>
	<input type="email" name="email" id="email" value="">
</div>

URL入力ボックスを作る

<div data-role="fieldcontain">
	<label for="url">URL:</label>
	<input type="url" name="url" id="url" value="">
</div>

電話番号入力ボックスを作る

<div data-role="fieldcontain">
	<label for="tel">電話番号:</label>
	<input type="tel" name="tel" id="tel" value="">
</div>

時刻入力ボックスを作る

<div data-role="fieldcontain">
	<label for="time">時間:</label>
	<input type="time" name="time" id="time" value="">
</div>

日付入力ボックスを作る

<div date-role="fieldcontain">
	<label for="date">日付:</label>
	<input type="date" name="date" id="date" value="">
</div>

年月入力ボックスを作る

<div date-role="fieldcontain">
	<label for="month">月:</label>
	<input type="month" name="month" id="month" value="">
</div>

週入力ボックスを作る

<div date-role="fieldcontain">
	<label for="week">週:</label>
	<input type="week" name="week" id="week" value="">
</div>

日時入力ボックスを作る

<div date-role="fieldcontain">
	<label for="datetime">日時:</label>
	<input type="datetime" name="datetime" id="datetime" value="">
</div>

ローカル日時入力ボックスを作る

<div date-role="fieldcontain">
	<label for="datetime-local">ローカル日時:</label>
	<input type="datetime-local" name="datetime-local" id="datetime-local" value="">
</div>

色指定ボックスを作る

<div date-role="fieldcontain">
	<label for="color">色:</label>
	<input type="color" name="color" id="color" value="">
</div>

テキストエリアを作る

<div date-role="fieldcontain">
	<label for="textarea">テキスト入力:</label>
	<textarea name="textarea" id="textarea" value=""></textarea>
</div>
inserted by FC2 system