フォーム機能の拡張－HTML5リファレンス
■フォーム機能の拡張 HTML5では、フォームに関する新しい属性や指定できる属性値が多数追加される予定です。 入力必須・妥当性チェック・入力補助など、 これまでJavaScriptで作成されることの多かった機能が、 HTMLタグの属性だけで実現できるようになりそうです。 いずれも使用頻度の高い機能だけに、各ブラウザのサポートが待ち遠しいところです。 ■<input>タグのtype属性に追加される値 HTML5では、<input>タグのtype属性に指定できる値の種類が増えています。 それぞれの値を指定した場合、例えば、<input type="email">を指定すると、 この属性値をサポートしているFirefox4・Opera10・Google Chromeなどのブラウザでは、 送信ボタンを押したときに入力されている値がメールアドレスとして妥当かどうかチェックしてくれます。 また、Ope
jQuery でフォームを簡単に Ajax に対応させてしまう jQuery Form Plugin が凄く便利
以下のようなポップアップしたボックス上に Ajax フォームを構築して画面遷移させずに処理させるようなサイトを構築する際に便利です。 このような Ajax で動作するフォームを jQuery Form Plugin を使えば簡単に構築することができたので、具体的な方法を解説させて頂きます。英語で良ければ以下のページに使い方が乗っていますので参考にしましょう。 jQuery Form Plugin Ajax 対応のフォームを作成する方法 即興でフォームを作ってみます。comment.php をフォームのページとして話をすすめます。PHP と HTML と JS を理解していないと意味不明になるかもしれないですが、出来る限りの範囲で解説してみます。ちなみに、分かりやすいコードにするために、実際に動作確認せずに必要なコードのみを書いて掲載していますので（PHPの部分まで書くとキリがないので）実際
Linuxに使われる日々 : buttonタグとsubmitの関係 - livedoor Blog（ブログ）
Linuxに使われる日々 主にLinux関連の話題中心にお届けしております。 たまに、家族や友達のこと。パソコンのことなど趣味や日々の思い付きを書いてます。 < ハラペコアオムシパンひかる木 > 2010年02月26日11:27 カテゴリ業務連絡（ただの覚書）Webサービス buttonタグとsubmitの関係 My Yahoo!に追加 そろそろWeb作成記事は単独のカテゴリにした方がいいかな？と思いつつそのまま(^^; それはさておき、先日からstruts関連の記事を書いてるんですが、struts以前の初歩の初歩でつまづいたのでメモメモφ(．． ) 通常submit処理をしたいときは ・ ・ ・ <form action="/hoge.do"> <input type="text" name="hoge"/> <input type="hidden" name="huga"/> <inp
フォーム入力に役立つjQueryプラグイン
本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとプラグインを取り上げます。今回は、Input Hint Overlay、Text input field filter、jQuery Validation、Password Strength、Simplest Twitter-like dynamic character countについて説明します。 はじめに 第2回「jQuery UIのウィジェットを使ってみよう」では、jQueryのユーザーインターフェースを拡張するjQuery UIのインストールから、jQuery UIのDialog、Datepicker、AutoComplete、ProgressBarの使い方を取り上げました。第3回では、第1回「jQuery UIのインタラクションを使ってみよう」でも簡単に触れたjQuery Pluginのフ
セレクトメニュー <SELECT> <OPTION> <OPTGROUP> - HTMLタグリファレンス/Tips
<H2>セレクトメニュー、リストボックス</H2> <P>メニューの作成を行います。</P> <FORM> <SELECT> <OPTION value="1">項目１</OPTION> <OPTION value="2" selected>項目２</OPTION> <OPTION value="3">項目３</OPTION> <OPTION value="4">項目４</OPTION> <OPTION value="5">項目５</OPTION> </SELECT> <P>リストボックスの作成を行います。複数選択可能です。</P> <SELECT size="6" multiple> <OPTION value="1">項目１</OPTION> <OPTION value="2" selected>項目２</OPTION> <OPTION value="3">
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
