2014年9月7日日曜日

HTMLでフォームの作成3 フォームに値を入れる

表示したフォームに値を入れてみます。下記のコードを書いてみましょう。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>フォーム</title>
</head>
<body>

<input type="number" value="5">
+
<input type="number" value="8">
=
<input type="number">
<input type="button" value="計算する">

</body>
</html>

このコードを実行(表示)してみると、


valueに入れた値がフォームに表示されています。typeがbuttonの場合、valueに入れた文字列がボタンに表示されています。

0 件のコメント:

コメントを投稿