忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOME[PR][小技]入力フォーム装飾

[PR]

02/26(Mon)  YESR2018

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

入力フォーム装飾

03/20(Sat)  YESR2010

 テンプレートの場合のフォーム追加・変更は
HTMLに直接編集
注意:追加する項目の前に半角スペースを1つ追加
基本 <input type="text">
①文字を初めから入れておく <input type="text" value="初期入力の文字">
②フォームの横幅 <input type="text" size="横幅">
③フォーム最大入力文字数を文字数で指定 <input type="text" maxlength="限界半角文字数">
上記
①~③まとめ
<input type="text" value="初期入力の文字" size="横幅" maxlength="限界半角文字数">
フォーム背景色 <input type="text" style="background-color:#背景色">
フォーム文字大きさ <input type="text" value="初期入力の文字" style="background-color:#背景色; font-size:大きさ">
フォーム文字色 <input type="text" value="初期入力の文字" style="background-color:#背景色;font-size:大きさ;color:#文字色">
 複数行フォーム
複数行基本 <textarea rows="行数"></textarea>
横幅 <textarea rows="行数" cols="横幅"></textarea>
初期入力文字 <textarea rows="行数" cols="横幅">初期入力の文字</textarea>
フォーム内の行間隔指定 <textarea rows="行数" cols="横幅" style="line-height:数字px">初期入力の文字</textarea>
フォーム背景色 <textarea rows="行数" style="background-color:#背景色"></textarea>
フォームの文字の大きさ <textarea rows="行数" style="background-color:#背景色;font-size:大きさ">初期入力の文字</textarea>
フォームの文字の色 <textarea rows="行数" style="background-color:#背景色;font-size:大きさ;color:#文字色">初期入力の文字</textarea>
フォームのスクロールバーの色 <textarea rows="行数" style="background-color:#背景色;font-size:大きさ;color:#文字色;scrollbar-face-color:#バー色;scrollbar-highlight-color:#バーの背景色;scrollbar-shadow-color:#バーの枠色;scrollbar-arrow-color:#矢印色">初期入力の文字</textarea>
 

拍手

PR

この記事にコメントする

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
 管理人だけに表示

この記事へのトラックバック

この記事にトラックバックする:

パンサーハーツ 3作目« HOME »線の種類

最新コメント
[04/23 管理人]

最新トラックバック
(03/10)

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事