input hiddenの仕組みについて

html
1div class="dot-wrapper">
2<div class="dots">
3<p>java<br>body</p>
4<input placeholder="名前" class="pas" id="name">
5<input　type="hidden" class="pas" id="nameId">
6</div>
7</div>

上記の例でいうと名前が入力されてtype="hidden"にはその氏名のidがhiddenで送信される事について、
inputタグに名前が入力されるとなぜ<input　type="hidden" class="pas" id="nameId">その方のnameIdがわかるようになるのか教えて頂きたいです。
入力された名前とnameIdが紐ずけされているという事でしょうか？

q_sane_q

2019/10/05 11:20

これだけのHTMLにそのような機能？　は無いので他に何かJavaScriptがあって、そこで何かをやっているのだと思いますが、そちらのソースがないとなんともといった感じです

退会済みユーザー

2019/10/05 11:25

すいません、type=hiddenについて調べておりまして、それで理解が出来ず質問しました。その時のjsがdbにアクセスしてそういう動きができるのか、、分かりません

q_sane_q

2019/10/05 11:27

type=hidden　は、まあ表示されず内容がユーザ操作で普通には変更できないだけでtype=textとほとんど変わらないです。

退会済みユーザー

2019/10/05 11:31

jsは名前が入力されるとなぜidがわかるようになるのでしょうか？

行動規範の内容に同意します

回答3件

その方のnameIdがわかるようになるのか教えて頂きたいです。

html の仕様だけで考えると、わかるようになりません。
何らか別の処理が発生しているのでそちらを確認してください。

投稿2019/10/05 11:21

退会済みユーザー

総合スコア0

退会済みユーザー

2019/10/05 11:26

inputで入力された時どのような動きになるのかが不明で質問しました。

行動規範の内容に同意します

ベストアンサー

長くなるかもなので回答の方に

JavaScriptでは、例えば入力フォームの内容が変わった、カーソルがフォーカスが外れた、などのイベントを拾うことができます。
恐らくid="name"　のフォームの内容が変わったことを検知して何らかの処理が動いているはずです

どこから何をどうやって持ってきてるのかはその処理が無いのでわかりませんが、おそらくはデータベースから検索している（あるいはスクリプトに名前とIDの対応表がベタ書きされているとか）のだと思います。
で、調べてきたIDをid="nameId"　のフォームのvalue値として入れているはずです。
type=hiddenでもtype=textでも同じ動きをするので、試しにtextに変えてみると値が入っているのが見えると思います。

投稿2019/10/05 11:37

q_sane_q

総合スコア610