入力フィールドとsubmit（送信）ボタンを備えたフォームサンプル

TOP > HTMLサンプル集（フォームに関するタグのサンプル集） > 入力フィールドとsubmit（送信）ボタンを備えたフォームサンプル

このサンプルでは、HTMLページにフォームを加える方法をデモンストレーションします。フォームには、2つの入力フィールドおよびsubmit（送信）ボタンを含んでいます。

※このサンプルは、javascriptがONになっていないと動作しません

HTMLサンプル編集フィールド
HTMLソースコードをあなた自身で編集することができます。
<html> <body> <form name="input" action="form.cgi" method="get"> あなたの姓を入力してください： <input type="text" name="myouji" value="山田" size="20"> <br>あなたの名を入力してください： <input type="text" name="namae" value="太郎" size="20"> <br> <input type="submit" value="submit（送信）"> </form> <p> これはサンプルですので、submit（送信）ボタンを押しても何も起こりません。 </p> </body> </html>

HTMLリアルタイム表示結果
編集されたHTMLソースコードの結果をリアルタイムで表示します。