[HTML/CSS]ケータイサイト（携帯サイト/ガラケーサイト）のinput要素の大きさを指定する方法

2015年4月2日 yellow

・fontタグに size=””（1～の数字を入力する）を指定して、まるっと囲うことでinput各要素大きさが変更されることが確認できる。
・inputタグに size=””（1～の数字を入力する）を指定すると、input各要素に応じて幅や高さが変更されることが確認できる。

<form action="#">
  <font size="2" color="#000000">
    <select name="" id="">
      <option value="">セレクトボックス</option>
      <option value="項目1">項目1</option>
      <option value="項目2">項目2</option>
      <option value="項目3">項目3</option>
    </select><br />
    <input type="checkbox" value="" name="" id="" /><br />
    <input type="radio" value="" name="" id="" /><br />
    <input type="text" value="" name="" id="" /><br />
    <input type="password" value="" name="" id="" /><br />
    <input type="submit" value="フォームボタン" name="" id="" /><br />
  </font>
</form>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<form action="#">

<font size="2" color="#000000">

<select name="" id="">

<option value="">セレクトボックス</option>

<option value="項目1">項目1</option>

<option value="項目2">項目2</option>

<option value="項目3">項目3</option>

</select><br />

<input type="checkbox" value="" name="" id="" /><br />

<input type="radio" value="" name="" id="" /><br />

<input type="text" value="" name="" id="" /><br />

<input type="password" value="" name="" id="" /><br />

<input type="submit" value="フォームボタン" name="" id="" /><br />

</font>

</form>

この記事を書いた人

yellow

新着記事

Practice is better than precept.