简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML フォームは値インスタンスを jiavascript に渡します

高洛峰
リリース： 2017-03-28 11:24:10
オリジナル
1499 人が閲覧しました

この記事では主にHTMLフォームからjiavascriptに値を転送する例を詳しく紹介します。興味のある方は参考にしてください。

実験のコードは次のとおりです: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>你好</title>
</head>
<script language="javascript">
function sub(a,b){
alert(a.value);
        alert(b.value);
}
</script>
   
<body>
<form action="sub" method="post"  name="myForm">
  <p>First name: <input type="text" id=test1 name="fname" /></p>
  <input type="button" value="Submit" onclick="sub(this,document.myForm.fname)" />
</form>
</body>
</html>
ログイン後にコピー

概要:

onclick="sub(this,document.myForm.fname)" これは戻るボタンのIDです

以上がHTML フォームは値インスタンスを jiavascript に渡しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
传值 form javascript
ソース：php.cn
前の記事：HTML の src と href についての深い理解 次の記事：Cucumber は HTML レポートの実装手順を生成します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
v-model の電子メール値をメソッドに渡します こんにちは。入力に v-model を渡して電子メールを送信して検証をリセットしようとしていますが、入力から sendPasswordResetEmail に正しく渡す方法がわかり...
から 2024-04-05 10:04:40
0
1
405
JavaScriptを使用して表示された形式のデータフィールドに追加の値を追加します 私はこれを達成しようとしています: ユーザーが入力したデータを収集し、それを画面に印刷するフォームを作成したいと考えています。これまでのところ、以下のコード スニペットでほぼ実用的...
から 2024-04-04 15:17:13
0
1
3589
JavaScriptを使用してプロパティを更新し、配列オブジェクトでプロパティ値を連続した順序で結果を取得する方法 オブジェクトリストの配列があり、パラメータridとrorderが渡されます。 ->1. Rid がリスト内の ID と同じ場合、itemorder> の値を rorde...
から 2024-04-04 13:32:46
0
1
382
JavaScript 変数を PHP コードの出力を含む文字列に設定できますか? PHPコードの出力と等しいJavaScript変数を設定しようとしています: varname='<?phpglobal$email;echojson_encode(passt...
から 2024-04-04 08:25:56
0
1
385
Ajax と PHP を使用して CodeIgniter に複数の画像ファイルをアップロードする 複数の画像ファイルをサーバー側にアップロードするのに問題があります。誰かがコードのどこが間違っているのかを指摘してくれると助かります。最初は HTML コードがあります: <...
から 2024-04-03 22:35:03
0
1
318
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！