html 簡単な自動計算

簡単な自動計算タグ作成html

<form onsubmit=”return false” oninput=”o.value = a.valueAsNumber + b.valueAsNumber”>
<p>2つの整数の和を計算します。 </p>
<input name=”a” id=”a” type=”number”> + <input name=”b” id=”b” type=”number”>=
<output name=”o” id=”o” for=”a b”> 計算結果が出力されます。</output>
</form>

※<>は半角で入力
入力すると下記のように表示されます。

2つの整数の和を計算します。

+ =
計算結果が出力されます。

htmlフォーム

ラジオボタンや送信ボタンなどを組み合わせるとメールフォームを作成することができます。

<html>
<head>
<title>サンプル</title>
</head>
<body>
<form action=”@.com” method=”post”>
お名前<br>
<input type=”text” name=”namae”>
<p>メール<br>
<input type=”text” name=”mail”></p>
<p>性別<br>
男性<input type=”radio” name=”” value=”” checked>
女性<input type=”radio” name=”” value=””>
その他<input type=”radio” name=”” value=””></p>
<p>メッセージ<br>
<textarea name=”naiyou” cols=”30″ rows=”5″>
</textarea></p>
<input type=”submit” value=”送信”>
<input type=”reset” value=”クリア”>
</form>
</body>
</html>

※<>は半角にしてください。
入力すると下記のようになります。


サンプル

お名前

メール

性別
男性
女性
その他

メッセージ




htmlリストボックス

htmlリストボックス作成

<p>血液型は?</p>
<form>
<select size=”3″ name=””>
<option value=””>A型</option>
<option value=””>B型</option>
<option value=””>O型</option>
<option value=””>AB型</option>
<option value=””>分からない</option>
<option value=””>クワ型</option>
</select>
</form>

※<>は半角で!
上記を入力すると下記のようなリストボックスが表示されます。

血液型は?


HTMLプルダウンメニュー作成

htmlでのプルダウンメニュー作成

<p>今日の気分は?</p>
<select name=””>
<option value=””>すごく良い</option>
<option value=””>良い</option>
<option value=”” selected>普通</option>
<option value=””>悪い</option>
</select></form>

selectedを入れると初めに表示される値を表示させることができる。
※入力するときは<>は半角で

入力すると下のようにプルダウンメニューの作成ができます。

今日の気分は?

HTML送信ボタンタグ

ホームページでお問い合わせフォームを送る際に使う送信ボタンのタグです。

<input type=”submit” name=”名前” value=”ボタンに表示するテキスト”>
※<>は半角で入力してください。

これを入力すると下のような送信ボタンが表示されます。

HTMLの見出し一覧

1・下線見出し
<h2 class=”style2a” style=”border-color:#000000;”>下線見出し</h2>
2・線の見出し
<h4 class=”style4a” style=”border-color: #000000;”>線の見出し</h4>
3・大きな見出し
<h2 class=”style2b” style=”background:#000000;”>大きな見出し</h2>
4・小さな見出し
<h5 class=”style5a”>小さな見出し</h5>

<>は半角で入力してください
下記のように表示されます。

Photoshop消しゴムツール

1.修正したい画像を用意、消したくない対象物を選択して保護します。
2.消しゴムツールを選択し、消したい部分をなぞると消したいところだけ消すことができます。
3.選択しておくと保護した部分は消されずに消したい部分を消すことができます。

Thunderbird アカウントを追加

1.Thunderbird を起動、[三]をクリック、[オプション]を選択、[アカウント設定]をクリック

2.[アカウント操作]をクリック、[メールアカウントを追加]をクリック。

「電子メール アカウント セットアップ」画面が表示されるので、引き続き電子メール アカウント設定。

3.電子メール アカウントを追加するには、送信者名、電子メール アドレス、パスワードを入力します。
(電子メール アカウントが主要なメール サービスの場合は、これらの入力だけで自動的に設定を行ってくれます。)

次に[続ける]をクリックします。

「アカウント設定が Mozilla ISP データベースから見つかりました。」と表示された場合は、自動的に最適な設定が完了したので、[完了]をクリックすれば Thunderbird に電子メールアカウントを追加する作業が完了です。

HTMLラジオボタンとチェックボックス

1つのみ選択可能なラジオボタン
<input type=”radio” name=”user-select” value=”A” checked>A
<input type=”radio” name=”user-select” value=”B”>B

A
B

複数選択が可能なチェックボックス
<input type=”checkbox” name=”user-check” value=”A” checked>A
<input type=”checkbox” name=”user-check” value=”B” checked>B

A
B

<>は半角で入力してください。