画面上のボタンを押したときに入力フォームを表示したい

Question

https://hrmos.co/saiyo/contact/

～やりたいこと～
上記のサイトのような「自動入力」ボタンを押下したときにtextarea要素を表示する。

サンプルがほしいのですが、
そもそも検索ワードがわからず調べられていません。

なんて検索したらよいのでしょうか？

Answer 1

<div>
  <textarea></textarea>
</div>
<input onclick=func() type=checkbox>

div {
  display: none
}

function func() {
  if($("input:checked").val()) {
     $('div').css('display','block');
   }
   else {
     $('div').css('display','none');
   }
}

Comments

[masa95814]

ありがとうございます！
inputタグのtype属性をbuttonにすることで、やりたいことそっくり実現できました！

Answer 2

複雑な機能のサンプルが欲しく自身で一から作成しようとしている場合、まず自身で機能がどのように作成されているか検討をつけて、複数に機能を分けて検索することをお勧めします。

例えば、掲載のサイトですと、
機能1,自動入力
機能2,書式の読み取り
→機能2-1,文字検索
→機能2-2,書式のテンプレートを予め設定している?

検索ワード:「自動入力 javascript 」
https://blog.s0014.com/posts/2016-08-17-js-dummy-input-form/

検索ワード:「文字検索 javascript」
https://www.sejuku.net/blog/21049

等です。
このような機能を追加できるライブラリが欲しい場合は、「書式自動入力 ライブラリ」等と調べればよいと思います。

Comments

[masa95814]

ありがとうございます！
参考にさせていただきます。