javascript_javascript スキルを使用してフォームに自動入力する例の簡単な分析

この記事の例では、JavaScript を使用してフォームに自動的に入力する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

通常の開発プロセスや特定のサイトにアクセスする場合、多くのフォームに頻繁に入力する必要があることがよくあります。JavaScript を使用してスクリプトを作成し、事前に入力する情報を準備し、クリックをシミュレートできます。ボタンをクリックすると、フォームを簡単かつ効率的に自動的に送信できます。

手順

1. ページ上で対応するフォームを見つけ、そのフォームに必要な HTML コントロール (

など) をリストします。

<form name="customersForm" id="myform" method="POST" action="insert.php">
  <b> 姓 : </b> <input type="text" name="thisFnameField" size="20" value="">
  <b> 名 : </b> <input type="text" name="thisLnameField" size="20" value="">
  <b> 公司 : </b> <input type="text" name="thisCompanyField" size="20" value=""> 
  <b> 地址 : </b> <input type="text" name="thisAddressField" size="20" value="">
</form>

2. jsコードを書く

コードをコピー コードは次のとおりです:

javascript:customersForm.thisFnameField.value = "Zhang";customersForm.thisLnameField .value = "三";customersForm.thisCompanyField.value = "会社";customersForm.thisAddressField.value = "中国";customersForm.submit.focus();

3. 最初の 2 つのステップで JS について少し知識があれば誰でもこのような単純なコードを作成できるため、3 番目のステップが最も重要です。次のステップでは、ブラウザのお気に入り (ブックマーク) 機能を使用して、js コードを保存します。

Chrome を例に挙げると、ブックマークを右クリックします————> Web ページを追加し、[自動入力フォーム] に名前を入力し、[上記の JS コード] を入力します。保存してください。

4. テストします。

ブラウザで該当のページを開き、ブックマーク バーの [自動入力] をクリックすると、フォームが入力されていることがわかります。

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。