Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript input type =submitが機能していませんか?


これを機能させるには、入力タイプ=「送信」でonclickを使用できます。

以下はコードです-

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
   <form action="#">
      <label for="firstName">First Name:</label>
      <input type="text" id="fName" name="firstName" placeholder="Enter your First Name" />
      <button type="submit" onclick="submitForm(event)">Submit</button>
   </form>
<span id="result"></span>
</body>
<script>
   var firstName = null;
   function submitForm(evnt) {
      evnt.preventDefault();
      firstName = document.getElementById("fName").value;
      document.getElementById("result").innerHTML = "The First Name is=" + firstName;
   }
</script>
</html>

上記のプログラムを実行するには、ファイル名anyName.html(index.html)を保存します。ファイルを右クリックし、VSCodeエディターで[ライブサーバーで開く]オプションを選択します。

出力

これにより、次の出力が生成されます-

JavaScript input type =submitが機能していませんか?

次に、テキストボックスに値を入力し、[送信]ボタンを入力します。

出力

これにより、次の出力が生成されます-

JavaScript input type =submitが機能していませんか?

次に、[送信]ボタンを入力します。これにより、次の出力が生成されます-

JavaScript input type =submitが機能していませんか?


  1. 修正:Chromecastが機能しない

    Chromecastは、Googleが開発したデジタルメディアプレーヤーで、小さなドングルで設計されています。これにより、ユーザーは、コンピューターやAndroidデバイスを使用して、高解像度テレビでさまざまなコンテンツの再生を制御および開始できます。それはかなり長い間そこにあり、世界中の多くの人々によって使用されています。 他のすべてのポータブルメディアデバイスと同様に、Chromecastにも問題がないわけではありません。 Chromecastデバイスが接続を拒否したり、テレビで特定のコンテンツをストリーミングしない場合があります。各ユーザー構成が異なり、それぞれの場合に異なるシナリオが

  2. Kodiノーリミットが機能しない

    Kodiの制限は、古いKodiアプリケーション、ネットワークの制限、または破損したインストールが原因で機能を停止する可能性があります。これは非常に一般的な問題であり、通常、NoLimitsビルドの最初のインストール後に発生します。この問題は、Kodiの特定のバージョンにも限定されていません。 Kodi No Limitsは、Kodiの最も包括的なビルドの1つです。 Kodiの制限なしビルドを使用すると、映画、スポーツ、テレビ番組などを視聴できます。 Kodi No Limitsが機能しなくなる原因は何ですか? 時代遅れのKodi :Kodiは、アプリケーションのパッチの抜け穴の更新をリ