忍者ブログ
手探りでパソコンの事を勉強するブログです。 何か覚えたら記録していきます。
2018 . 09
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •   

    [PR]



    このエントリーをはてなブックマークに追加
    ×

    [PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

    xhtmlにて<input> を *行目の <form>~</form> 内に書くことはできません。



    このエントリーをはてなブックマークに追加
    ショッピングカートなどを利用するときに発行される貼付け用のタグでよくあるのがこれ。
    発行タグをそのまま貼り付けた場合にxhtmlを宣言しているコードだとよくこのエラーが出ます。
    このエラー分は解説を見てもどう直したらいいのか具体的な解決策を書いていなかったため今回紹介します。

    このエラーは<form>~</form>の間に<p>~</p>を挿入することで回避できます。
    以下は例文です。

    <form action="http://hoge.net/hoge/basket.php" method="post">
    <p>
    <input type="hidden" name="action" value="regist" />
    <input type="hidden" name="goodno1" value="01" />
    <select name="count1" tabindex="1">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select> セット <input type="submit" value="買い物かごに入れる" tabindex="1" accesskey="a" />
    <input type="hidden" name="surl" value="http://hoge.com/hoge.html" />
    </p>
    </form>

    ちなみに<div>~</div>でもOKです。

    <form action="http://hoge.net/hoge/basket.php" method="post">
    <div>
    <input type="hidden" name="action" value="regist" />
    <input type="hidden" name="goodno1" value="01" />
    <select name="count1" tabindex="1">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select> セット <input type="submit" value="買い物かごに入れる" tabindex="1" accesskey="a" />
    <input type="hidden" name="surl" value="http://hoge.com/hoge.html" />
    </div>
    </form>
    PR




    ■ この記事にコメントする
    お名前
    タイトル
    文字色
    URL
    コメント
    パスワード
    Vodafone絵文字 i-mode絵文字 Ezweb絵文字
    ■ コメント一覧
    ■ この記事のトラックバック
    この記事にトラックバックする:
    ブログの外枠(左右)に影をつけるレイアウト方法 HOME Windows7でも使える半透明なピクセル定規
    ©パソコン手探り all rights reserved.
    Powered by ニンジャブログ  Designed by ピンキー・ローン・ピッグ
    忍者ブログ / [PR]