ホームページ作成
フォームの活用・装飾 (HTML,CSS,JavaScript)(3ページ目)
HTMLやスタイルシート(CSS)、JavaScriptを使ったフォームの活用方法、装飾方法について解説しました。
記事一覧
フォームの大きさを揃える方法
ガイド記事西村 文宏フォームも細かくデザインしたいフォームを作成する際に、フォームの大きさの指定方法が曖昧で困った経験はありませんか?例えば、input要素の場合は幅を「size属性」で指定します。ここで指定する数値は、ピクセル数ではなく文字数です。(下記の例では「60」)<inputtype="text"<b>siz...続きを読む
フォームの背景や文字を装飾する方法
ガイド記事西村 文宏.code{font-family:monospace;}フォームもデザインしたいホームページ作成では、フォームを利用する機会もたくさんあります。「メッセージ送信フォーム」や「掲示板・ブログなどの投稿フォーム」が代表的ですが、他にも「アンケートフォーム」など、様々な入力フォームがあります。これらのフ...続きを読む
ぴったりくっつけたい!-FORM編
ガイド記事西村 文宏ぴったりくっつけたい!HTMLを編集しているとよく感じる疑問の1つに、「なぜ、ぴったりくっつかないのか?」というものがあります。例えば、画像と画像がくっつかなかったり、フォームと文字がくっつかなかったりといったものです。前回は画像と画像をくっつける方法をご紹介致しました。今回は、ボタンやプルダウンメ...続きを読む