タグ

ブックマーク / honttoni.blog74.fc2.com (1)

  • [55] 計算結果の出力欄を作ろう output要素

    <outoput>は、デフォルトのスタイルは無しです。 CSSを何も指定していないと、こんな ↓ かんじ。(計算結果の表示部分が<output>) + = 0 このページのサンプルは、<output>の部分が分かりやすいようにCSSで背景色などをつけていますよ。 <output>を使ってみよう。まずはname属性を使用 name属性を使う方法で、計算結果を表示してみましょう。 name属性の値によって、数値を入力する部品や<output>要素を特定します。 ●サンプル1 冒頭の「足し算のサンプル」のHTMLソースはこのようになっています。 <form oninput="op1.value = Number(a.value) + Number(b.value);"> <input type="number" name="a" value="0" size="5"> + <input type

    [55] 計算結果の出力欄を作ろう output要素
  • 1