ホームページ > 記事 > ウェブフロントエンド > HTMLタグ
HTMLタグ
- 巴扎黑オリジナル
- 2017-06-16 14:08:002761ブラウズ
Webページでは、ボタンは通常のボタン、送信ボタン、リセットボタンの3種類に分けられます。
1. 通常のボタン ボタン
通常、フォームを実装するには、JavaScript スクリプトと組み合わせる必要があります。
構文:
<input type="button" value="普通按钮的取值" onclick="JavaScript脚本程序"/>
説明:
value の値はボタンに表示されるテキスト、onclick は通常のボタンのイベントです。これについては JavaScript 入門チュートリアルで詳しく説明しますので、理解できると思います。ここ。
例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
单击按钮弹出对话框：<br/>
<input type="button" value="按钮" onclick="alert('你点击了按钮！')">
</body>
</html>2. 送信ボタン submit
送信ボタンをクリックすると、フォームの内容をサーバーに送信して処理することができます。
構文:
<input type="submit" value="提交按钮的取值"/>
説明:
value の値は、ボタンに表示されるテキストです。例については、「リセット ボタン」の例を参照してください。
送信ボタンの本当の有用性は、バックエンド技術を学ぶまで真に理解することはできません。
3. リセット ボタン リセット
リセット ボタンをクリックすると、ページ フォームにユーザーが入力した情報をクリアできます。
構文:
<input type="reset" value="重置按钮的取值"/>
説明:
value の値は、ボタンに表示されるテキストです。
例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
账号：<input type="text"/><br/>
密码：<input type="text"/><br/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
</body>
</html>テキストボックスに文字を入力してリセットボタンを押すと、テキストボックスの内容が消去されます。これがリセットボタンの働きです。
1. リセットボタンの誤解
上記から、リセットボタンはユーザーがフォームに入力した情報をクリアできることがわかりますが、リセットボタンは「現在のフォーム」のフォーム要素の内容しかクリアできません。 form タグの外側の form 要素は無効です。
例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
账号：<input type="text"/><br/>
密码：<input type="text"/><br/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
昵称：<input type="text"/><br/>
</body>
</html>その後、ff9c23ada1bcecdd1a0fb5d5a0f18437タグの外側のテキストボックス、つまりニックネームのテキストボックスに情報を入力してリセットボタンを押すと、無効であることがわかります。
結論: リセット ボタンは、現在の ff9c23ada1bcecdd1a0fb5d5a0f18437 タグ内のフォーム要素の入力情報のみをクリアでき、現在の ff9c23ada1bcecdd1a0fb5d5a0f18437 タグの外側のフォーム要素には影響しません。
ここで言及しておきますが、送信ボタンは現在の ff9c23ada1bcecdd1a0fb5d5a0f18437 タグにも使用されます。
4. 通常のボタン、送信ボタン、リセット ボタンの違い
上記のことから、通常のボタンは通常、特殊な効果を実現するために JavaScript スクリプトと組み合わせられ、送信ボタンは主に現在の b9be2bac708746bd9db03535203e568a タグ内 フォーム入力情報は処理のためにサーバーに送信され、リセット ボタンは現在 ff9c23ada1bcecdd1a0fb5d5a0f18437 タグ内にあるフォーム要素の入力情報をクリアします。
HTMLの入門段階では、これら3つのボタンの機能を完全に理解することは不可能です。パニックになる必要はありません。よく理解していなくても問題ありません。これには JavaScript と動的 Web ページが含まれるためです。後のコースを学習すれば明確に理解できるようになります。 HTMLの段階では、どのような種類のボタンがあるのか、ラベルのコードをどのように記述するのかだけを知る必要があります。非常に簡単です。
以上がHTMLタグ