2009年11月05日
フォーム部品を選択するフィルター :input
ASCII.jp:jQueryによるフォームのデザインの基礎(後編)|Web制作の現場で使えるjQuery UIデザイン入門
上記リンクを参考に実際に書いてみた。
:inputフィルターはフォームの部品を一括して指定するフィルター。
input、textarea、select要素にwidth:180px、margin-bottom:10pxを設定しました。
コードは以下の通り。
上記リンクを参考に実際に書いてみた。
:inputフィルターはフォームの部品を一括して指定するフィルター。
input、textarea、select要素にwidth:180px、margin-bottom:10pxを設定しました。
コードは以下の通り。
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#input :input").css("width","180px").css("marginBottom","10px");
})
</script>
<div id="input">
<form>
<input type="text" value="テキストフィールド" /><br />
<textarea>テキストエリア</textarea><br />
<select>
<option>選択1</option>
<option>選択1</option>
<option>選択1</option>
<option>選択1</option>
<option>選択1</option>
</select><br />
<input type="button" value="汎用ボタン"/><br />
<input type="submit"value="送信ボタン"/>
</form>
</div>
jQueryでIE6を透過PNGに対応させる
jQueryで作るロールオーバー
jQueryで作るオリジナルツールチップ
jQueryで作るタブパネル
jQueryで作るアコーディオンパネル
jQueryでイメージギャラリーを作成。
jQueryで作るロールオーバー
jQueryで作るオリジナルツールチップ
jQueryで作るタブパネル
jQueryで作るアコーディオンパネル
jQueryでイメージギャラリーを作成。
Posted by ヒダカ at 18:00│Comments(0)
│jQuery