こんにちは。YOSHITAKA（@YOSHITA19704216）です。
初心者
メルマガの登録フォームの入力欄の幅は設定できますか？
よしたか
CSSで調整しましょう。
メール・マガジンの登録フォームで入力欄が小さくなったり、大きくなったりします。
ウィンドウのサイズに合わせて、入力フォームの大きさを変えるにはどのようにしたら良いかを説明しています。
この記事を読むことで
- ウィンドウのサイズに合わせて入力フォームの大きさを変えるCSSがわかります。
Contents
フォームの事例
ウィンドウサイズに合わせて入力フォームサイズを変化させる
<tr><td> 入力フォーム </td> <td> <html:text property＝"hoge" ～ /></td>
textはsizeの指定ができ、フォームの長さを調節できます。
固定値を入れるとできることになりますが・・・・
ポイント
- 「textarea」（テキストエリア）だと、ウィンドウサイズに合わせて、フォームのサイズも変化する。
解決策
「text」のまま、ウィンドウサイズの変化に合わせて、フォームサイズを変化させる方法は・・・
<input type="text" style="width:100%">
上記のようにCSSを使ってwidthで、横幅をパーセントで指定します。
まとめ
入力フォームはスタイルによって変形させることができます。
input タグの中でテキストや CSS を見つけて、その後にstyleを利用して、幅を決定していきましょう。
HTMLは詳しい人じゃないと簡単にわかるものではありませんので、タグの意味が分からない方はもう調べてから、コピペをしてみてください 。
