2016-10-06 9 views
0

私は、互いに別々の4つのフォームを使いたいと思っています。しかし、以下のコードを入力すると、4つのネストされたフォームが得られます。最初のフォームは、次の3つのフォームをネストします。以下のフォームには、1個の</fieldset>タグが、4個の<fieldset>タグを持って次の二つの形式、等...HTML(フォームがネストに詰まった)

<form name="my form" method="get"> 
<div id="contactInfo"> 
<p><fieldset><legend><strong>Contact Info</legend></strong></p> 
    <label>Name</label><input type="text" name="FullName" style="width: 300px;" value="First and last name" /> <br> 
    <label>Street Address</label><input type="text" name="Address" style="width: 300px;"/> <br> 
    <label>Zip Code</label><input type="text" name="ZipCode" /> <br> 
    <label>Email</label><input type="text" name="EmailAddress"style="width: 300px;" value="[email protected]" /> <br> 
    <label>Phone</label><input type="text" name="PhoneNumber" /> 

<p><fieldset><legend><strong>Best day(s) to schedule a visit</strong></legend></p> 
    <input type="checkbox" name="date" id="date1" value="Mon" /> Monday 
    <input type="checkbox" name="date" id="date2" value="Tues" /> Tuesday 
    <input type="checkbox" name="date" id="date3" value="Wed" /> Wednesday 
    <input type="checkbox" name="date" id="date4" value="Thur" /> Thursday 
    <input type="checkbox" name="date" id="date5" value="Fri" /> Friday 
    <input type="checkbox" name="date" id="date6" value="Sat" /> Saturday 
    <input type="checkbox" name="date" id="date7" value="Sun" /> Sunday 

<p><fieldset><legend><strong>Project Area</strong></legend></p> 
    <input type="radio" name="choice" id="choice1" value="frontOfHouse" /> Front of House <br> 
    <input type="radio" name="choice" id="choice2" value="Border" /> Border of Property <br> 
    <input type="radio" name="choice" id="choice3" value="multipleAreas" /> Multiple Areas (please specify in Notes box below) <br> 
    <input type="radio" name="choice" id="choice4" value="Other" /> Other (please specify in Notes box below) <br> 

<p><fieldset><legend><strong>Additional Information</strong></legend></p> 
Notes <br> 
    <textarea name="comments" align="left" rows="5" cols="50"></textarea> 

<p></fieldset></p> 

<input type="submit" value="Submit Request"/> 

答えて

-1

を入れ子にします。それぞれを閉じてください。入れ子の問題は避けてください!

編集:

+0

なぜdownvoteをマークすることを忘れないでください?これは正解です。私はペンでデモンストレーションをします。 –

+0

ありがとうキャメロン。私は投票をしなかった。私は実際にupvoteしようとしましたが、私の評判はまだ投票するのに十分ではありません。だから私が欲しいと思ったとしても、私はあなたを下降させることができませんでした。私のルーキーミスで助けてくれてありがとう –

+0

心配しないで、amigo。私はあなたが落ち込んだのはあなたではないと確信しています。助けてくれるのはうれしい! –

-1

http://codepen.io/cam5/pen/vXdGQz

  • ペン、終了タグで、フォーク。 https://jsfiddle.net/7p0g2hq9/

    タグに注意してください。

    <form name="my form" method="get"> 
    <div id="contactInfo"> 
    <fieldset><p><legend> 
    <strong>Contact Info</strong></legend> 
    </p> 
    
    <label>Name</label><input type="text" name="FullName" style="width: 300px;" value="First and last name" /> <br> 
        <label>Street Address</label><input type="text" name="Address" style="width: 300px;"/> <br> 
        <label>Zip Code</label><input type="text" name="ZipCode" /> <br> 
        <label>Email</label><input type="text" name="EmailAddress"style="width: 300px;" value="[email protected]" /> <br> 
        <label>Phone</label><input type="text" name="PhoneNumber" /> 
    
    </fieldset> 
    
    <fieldset><p><legend><strong>Best day(s) to schedule a visit</strong></legend></p> 
        <input type="checkbox" name="date" id="date1" value="Mon" /> Monday 
        <input type="checkbox" name="date" id="date2" value="Tues" /> Tuesday 
        <input type="checkbox" name="date" id="date3" value="Wed" /> Wednesday 
        <input type="checkbox" name="date" id="date4" value="Thur" /> Thursday 
        <input type="checkbox" name="date" id="date5" value="Fri" /> Friday 
        <input type="checkbox" name="date" id="date6" value="Sat" /> Saturday 
        <input type="checkbox" name="date" id="date7" value="Sun" /> Sunday 
        </fieldset> 
    <fieldset><p><legend><strong>Project Area</strong></legend></p> 
        <input type="radio" name="choice" id="choice1" value="frontOfHouse" /> Front of House <br> 
        <input type="radio" name="choice" id="choice2" value="Border" /> Border of Property <br> 
        <input type="radio" name="choice" id="choice3" value="multipleAreas" /> Multiple Areas (please specify in Notes box below) <br> 
        <input type="radio" name="choice" id="choice4" value="Other" /> Other (please specify in Notes box below) <br> 
        </fieldset> 
    <fieldset><p><legend><strong>Additional Information</strong></legend></p> 
    Notes <br> 
        <textarea name="comments" align="left" rows="5" cols="50"></textarea> 
    
    </fieldset> 
    
    <input type="submit" value="Submit Request"/> 
    

    私が助けた場合は、正しいものとして

  • 関連する問題