最近の更新

2012年9月19日水曜日

入力テキストの横幅を設定する方法

【目的】
CSSを使用し、HTMLの入力テキストの横幅を設定します。



【手順】
1.「029-InputTextWidthCss.html」というファイルを作成。
2.「029-InputTextWidthCss.html」を以下の様に入力。
<html>
<head>
</head>
<body>
    <input type="text" value="あいうえお" style="width:100px;"><br />
    <input type="text" value="あいうえお" style="width:200px;"><br />
    <input type="text" value="あいうえお" style="width:300px;"><br />
</body>
</html>

3.「029-InputTextWidthCss.html」をブラウザで開きます。
4.以下の様に表示されれば成功です。











































以上です。

0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。

関連記事