表のキャプションを入力します。今回の例では、「変換例」としてみました。コードが出来上がると思います。スタイルを適用しているので、フォームのデザインがきれいになっていると思います。タブ区切りのテキストを入力</label><ul><li>下のテキストボックスにタブを入力する方法がわからないので、メモ帳などで作成したタブ区切りのデータを貼り付けて下さいませ。表をコピーしてペーストしても良いと思います。</li><li>下にある「例文を使用する」ボタンを押すと、当サイトに保存してあるテキストファイルを例文として読み込みます。メソッドを使用したいと思います。placeholder="ここにタブ区切りのテキストを入力します。placeholder="ここに表のキャプションを入力します。placeholder="ここに結果が表示されます。スタイルを設定しているので、フォーム部品のデザインが良いと思います。クラス名指定になっています。状態では以下の画像のような外観のフォームになっています。フォームの見た目です。指定のクラス名を設定してみると見た目がガラリと変わって、以下の画像のような外観に変化します。ボタン、テキストエリアの枠線が薄いグレー?の角丸になっています。ボタンはマウスを当てると背景色が変わるようです。組み合わせた時のフォームの見た目です。メソッドを使用する前提で「例文を使用する」ボタンを設置しています。「例文を使用する」ボタンを押すと、その下のテキストエリアにタブ区切りのテキストデータを読み込む仕組みになっています。ソースコードの中に書いてあります。メソッドでテキストファイルの中身のデータを取得する時の、私の中のイメージ図です。