WordPress.org

1. koji00
   メンバー
   3 years前の投稿 #

   コードエディタに付いて質問させていただきます。
   <form>タグ等を使用した時に、勝手に
   や<p></p>が付加されてしまうようなのです、こういった場合の対処方法はあるのでしょうか？

   例えば‥
   <form class="post" action="https://hogehoge/hoge.cgi" method="post">
   <input type="hidden" name="user" value="hoge" />
   <input type="hidden" name="number" value="hoge" />
   <fieldset>
   <select name="hoge">
   <option>AAA</option>
   <option>BBB</option>
   <option>CCC</option>
   </select>
   </fieldset>
   </form>

   ‥と記入して、投稿しブラウザでソースを確認すると‥

   <form class="post" action="https://hogehoge/hoge.cgi" method="post">
   <input type="hidden" name="user" value="hoge" />
   <input type="hidden" name="number" value="hoge" />
   <fieldset></p>
   <select name="hoge">
   <option>AAA</option>
   <option>BBB</option>
   <option>CCC</option>
   </select>
   </fieldset>
   </form></p>

   ‥と、このようになってしまい、微妙にレイアウトが崩れてしまいます。
   以上、宜しくお願いいたします。

2. IKEDA Yuriko
   常連回答者
   3 years前の投稿 #

   <form>タグ等を使用した時に、勝手に
   や
   が付加されてしまうようなのです、こういった場合の対処方法はあるのでしょうか？

   XHTML の規格として、input 要素はブロック要素の中に入れる必要があります。したがって、WordPress の挙動は「正しい XHTML を生成している」ということです。

   フォームが絡んだ場合に正しい XHTML を書くのはちょっと難しいのですが、基本的には、form の開きタグ直後に div を入れて、form の閉じタグの直後に div を閉じれば回避できることが多いです。

   <form class="post" action="https://example.com/hoge.cgi" method="post">
   <div>
   <input type="hidden" name="user" value="hoge" />
   <input type="hidden" name="number" value="hoge" />
   <fieldset>
   <select name="hoge">
   <option>AAA</option>
   <option>BBB</option>
   <option>CCC</option>
   </select>
   </fieldset>
   </div>
   </form>

   だとどうでしょう? デザインが崩れるのは p 要素に何らかのスタイルを指定しているのが理由でしょうから、明示的に div タグで囲ってやれば問題なくなると思います。

   余談ですが、action 属性に「https://hogehoge/hoge.cgi」と書いてあるのは、あまり好ましくありません。URI の例示には example.com, example.jp などが用意されていますので、これを使ってください。
   単なる hogehoge だと、ローカルの LAN に「hogehoge」というホストにがあれば、そこに接続されてしまいますし、存在しなければ、www.hogehoge.com を探して接続する可能性もあります (Firefox はそういう挙動をします)。そして、hogehoge.com は実在のドメイン名です。あなたがこのドメイン名を所有しているのでなければ、勝手に使うべきではありません。

3. koji00
   メンバー
   3 years前の投稿 #

   lilyfan様
   ありがとうございました。
   無事解決できました。

   hogehogeは無意識に使用していました。ご忠告感謝いたします。

返信

ログイン しなければ投稿できません。