サポート » 使い方全般 » コードエディタについて

  • 解決済 koji00

    (@koji00)


    コードエディタに付いて質問させていただきます。
    <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件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター IKEDA Yuriko

    (@lilyfan)

    <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 は実在のドメイン名です。あなたがこのドメイン名を所有しているのでなければ、勝手に使うべきではありません。

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

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「コードエディタについて」には新たに返信することはできません。