基礎編（2）　登録フォームの枠の大きさを変えたい

登録枠の大きさを変更についてです。

入力エリアを小さくして、全体を囲んでいる枠を小さくする方法をご説明します。

入力エリアのサイズを変更する

フォームのhtml部分に、入力エリアのサイズを指定する部分があります。

例えば、赤い太文字部分を50から10に変更するとします。ブラウザによって、若干サイズが異なりますが、目安としては半角10文字入るイメージです。任意のサイズを指定してください。

※ この設定によって、入力文字数が制御されることはありません。

全体を囲んでいる枠を変更する

横幅の変更

スタイルシートの下記部分に赤い太文字部分を追記します。

横幅150pxに指定する。という意味です。任意のサイズに調整してください。

#sp {
   width: 150px;
   text-align: center;
   border: solid 1px #666666;
}

縦幅の変更

縦幅を変更したい場合は、スタイルシートの下記部分に赤い太文字部分を追記してください。

横幅150pxに指定する。という意味です。任意のサイズに調整してください。

#sp {
   height: 200px;
   text-align: center;
   border: solid 1px #666666;
}