Quantcast
Channel: Form – WebTecNote
Browsing all 9 articles
Browse latest View live

[JS]Enterキーでのフォーム送信を抑止&javascript実行

フォームは送信したくないんだけどテキストエリアでEnter押したら関数は実行したい、っていうシーンに。 Javascirptを使うので、オフにされてる場合は無効。 Enterでの送信をさせたくない場合は、Formタグを次 […]

View Article



[mootools]セレクトメニューを連動させて動的に選択肢を変更する

はいはいvalid valid。セレクトメニューの連動ってoption要素を配列から出力するけどそれじゃW3Cやlint様に怒られるじゃん?しかもJavascriptオフだと動かないじゃん?つまりバリデート厨なそこの君の為に怒られない&jsオフでも動くソースを書いてみたって寸法よ。※ただしmootoolsに限る

View Article

[js] 文字列を縦書きに変換する

テキストエリアに入力された文字列を縦書きに変換して表示するjavascriptソース。 縦書きになる商品を注文するフォームのプレビューや縦書きソース作成なんかに便利かもしれない。

View Article

[css] フォームのボタンをスタイルシートで画像ボタンに変更する

フォームのボタンについては以前、buttonタグにボタン画像をそのまま入れるという手法を書きましたが、 もう一つ、ボタンの見た目をCSSで変更する手法がございます。 この記事ではCSSでスタイリッシュなフォームボタンを作 […]

View Article

[MooTools] Form.Validator.addAllThese for Japanese

MooToolsのForm.Validatorの足りないところを補う日本語環境向けaddAllThese。中身は殆どzeromailからの転載。 全角チェック、全てひらがな、全てカタカナ、全て全角数字、全て全角英数、日本 […]

View Article


[JS]フォームボタンまとめ

使用頻度の高いフォームボタンのメモ。 主にJavascriptを使用したものです。 XHTML形式のinputとbuttonの2タイプ用意してみた。 onclickとonkeypressを別のタグ(aとか)に書いても機能 […] 投稿 [JS]フォームボタンまとめ は WebTecNote に最初に表示されました。

View Article

Tableless Contact Form sample02

テーブルを使わないお問い合わせフォームのサンプル。シンプルなブルー系。タブっぽいラベル。Mac未確認。 投稿 Tableless Contact Form sample02 は WebTecNote に最初に表示されました。

View Article

[XHTML]コピペ用フォームパーツ(数字編)

年月日や西暦、商品個数などに使えるセレクトメニューのXHTMLソース。コピペ用です。 投稿 [XHTML]コピペ用フォームパーツ(数字編) は WebTecNote に最初に表示されました。

View Article


[XHTML]コピペ用セレクトメニュー(テキスト編)

メールフォームでよく使うセレクトメニューのXHTMLソース。都道府県、配達時間、質問内容など。 投稿 [XHTML]コピペ用セレクトメニュー(テキスト編) は WebTecNote に最初に表示されました。

View Article

Browsing all 9 articles
Browse latest View live




Latest Images