Postingan lainnya

Membuat Inputan Otomatis Terisi

tes.jpg

Jadi gimana ya caranya ketika kita ketik NIDN makan username otomatis terisi juga dengan ketikan yang sama, NIDN = 123422 Username = 123422

NIDN :
                    <input type="text" name="nidn" class="form-control">
                    </div>
                    <div class="form-group">
                    Username
                    <input type="text" name="username" class="form-control">
                    </div>

php

@taufikustanto

14 Kontribusi 0 Poin

Diperbarui 2 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

<div>Mungkin bisa dicoba seperti ini :<br>Input HTML</div><pre> <form action=""> <label>Name</label> <input type="text" id="name"> <br> <label>User</label> <input type="text" id="uname"> </form></pre><div><br>Kemudian JS-nya seperti ini :</div><pre>const name = document.querySelector('#name'); const uname = document.querySelector('#uname');

name.addEventListener('keyup', function() { uname.value = name.value });</pre><div><br>tinggal disesuaikan saja selector elementnya. Hasilnya bisa dilihat disini <a href="https://codepen.io/ahanafi/pen/zYPpVyQ">https://codepen.io/ahanafi/pen/zYPpVyQ</a><br><br>Semoga berhasil.</div>

@ahanafi

815 Kontribusi 554 Poin

Dipost 2 tahun yang lalu

Tanggapan

belum berfungsi, mohon arahanya

@taufikustanto

sudah berhasil, terimakasih

@taufikustanto

<pre><script> const name = document.querySelector('#name'); const uname = document.querySelector('#uname');

                  name.addEventListener(&#039;keyup&#039;, function() {
                    uname.value = name.value
                  });
                &amp;lt;/script&amp;gt;
            &amp;lt;div class=&quot;box-body&quot;&amp;gt;
              &amp;lt;form method=&quot;POST&quot;&amp;gt;
                &amp;lt;div class=&quot;form-group&quot;&amp;gt;
                NIDN :
                &amp;lt;input type=&quot;text&quot; id=&quot;name&quot; name=&quot;nidn&quot; class=&quot;form-control&quot; required=&quot;&quot; &amp;gt;
                &amp;lt;div class=&quot;form-group&quot;&amp;gt;
                  Username
                &amp;lt;input type=&quot;text&quot; id=&quot;uname&quot; class=&quot;form-control&quot; &amp;gt;
                &amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;div&gt;Apakah begini ya penerapanya ?&lt;br&gt;Sudah saya coba namun belum berfungsi, mohon arahanya pak&lt;/div&gt;

@taufikustanto

14 Kontribusi 0 Poin

Dipost 2 tahun yang lalu