ＣｕｓbｌO

忍者ブログテンプレートカスタマイズ　ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書　忍者用ブログテンプレート作成中

入力フォーム装飾

03/20(Sat)  YESR2010

 テンプレートの場合のフォーム追加・変更は
ＨＴＭＬに直接編集

注意：追加する項目の前に半角スペースを１つ追加

基本	<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

• [小技]
• Trackback()
• Comment(0)
  記事編集  △ＵＰ

この記事にコメントする

お名前
タイトル
文字色	Shironeri Sumire rindou LimeGreen SeaGreen Teal FireBrick Tomato IndianRed BurlyWood SlateGray DarkSlateBlue LightPink DeepPink DarkOrange Gold DimGray Silver
メールアドレス
URL
コメント
パスワード
管理人だけに表示

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