2012-02-24 21 views
0

我有一個表單,出於某種原因,我不能「點擊」某些字段,儘管我可以通過它們進行標記。這種行爲並不總是在那裏,因爲我正在構建(有點複雜)的表單,但它現在已經悄悄進入,我不知道要查找哪些內容進行故障排除。什麼可以使表單字段「不可聚焦」?

任何人都可以告訴我什麼情況可能會發生使表單域不可選?

編輯 - 人們要求代碼,所以在這裏。 (雖然我認爲這將很高興有一個可能的麻煩製造商/故障排除清單...

所以,因爲我現在在我的瀏覽器中,我不能點擊任何過去的「靈感」。我知道我在UL裏面有一個UL,但是它在一個LI裏面,所以我已經讀過,這是有效的。即使不是,它應該隻影響驗證,對嗎?這種「凍結」的事情似乎是奇怪的行爲。

<form name="thumbnail" id="signup-form" action="<?php echo $_SERVER["PHP_SELF"];?>" method="post"> 
    <input type="hidden" name="x1" value="" id="x1" /> 
    <input type="hidden" name="y1" value="" id="y1" /> 
    <input type="hidden" name="x2" value="" id="x2" /> 
    <input type="hidden" name="y2" value="" id="y2" /> 
    <input type="hidden" name="w" value="" id="w" /> 
    <input type="hidden" name="h" value="" id="h" /> 
    <fieldset class="password"> 
    <legend>Please Choose a password so you can access your profile in the future</legend> 

    <div class="row"> 
    <label for="password1">Password</label> 
    <input type="password" size="20" id="password1" name="password1" class="required"/> 

    <div id="passwordStrengthDiv" class="is0"></div></div> 

    <div class="row"><label for="password2">Password Again</label> 
     <input type="password" size="20" id="password2" name="password2" class="required"/></div> 
    </fieldset> 


    <fieldset class="basicInfo"> 
     <legend>Basic Info </legend> 

     <ul> 
      <li><label for="firstName">First Name</label><input type="text" size="20" id="firstName" name="firstName" value="" class="required"/></li> 
      <li><label for="lastName">Last Name</label><input type="text" size="20" id="lastName" name="lastName" value="" class="required"/></li> 
     </ul> 

    </fieldset><!-- close basicInfo --> 

    <div class="margin-div"><textarea cols="40" rows="5" name="desc_short" class="required">Short description</textarea></div> 


    <fieldset class="moreInfo"> 
     <legend>More Info</legend> 


     <li><label for="nationality">Nationality</label><input type="text" size="20" id="nationality" name="nationality" class="required"/></li> 
     <li><label for="speakEnglish">I speak english</label><input type="checkbox" id="speakEnglish" name="speakEnglish" value="1" /></li> 
     <li><label for="speakGerman">I speak german</label><input type="checkbox" id="speakGerman" name="speakGerman" value="1" /></li> 

     <fieldset class="instrument"> 
     <legend>What is your main Instrument?</legend> 
     <div class="margin-div"> 
        <input type="radio" name="mainInst" value="voice" /> Voice 
        <input type="radio" name="mainInst" value="guitar" /> Guitar 
        <input type="radio" name="mainInst" value="keys" /> Keys 
        <input type="radio" name="mainInst" value="bass" /> Bass 
        <input type="radio" name="mainInst" value="sax" /> Sax<br/> 
        <input type="radio" name="mainInst" value="trumpet" /> Trumpet 
        <input type="radio" name="mainInst" value="percussion" /> Percussion 
        <input type="radio" name="mainInst" value="flute" /> Flute 
        <input type="radio" name="mainInst" value="other" /> Other 
        </div> 
       </fieldset> 

     <fieldset class="inspiration"> 
       <legend>Inspiration (list up to 5 musicians that inspire you)</legend> 

       <ul> 
       <li><label for="inspiration">Inspration</label> 
        <ul> 
        <li><input type="text" id="inspiration" name="inspiration1" /></li> 
        <li><input type="text" id="inspiration" name="inspiration2" /></li> 
        <li><input type="text" id="inspiration" name="inspiration3" /></li> 
        <li><input type="text" id="inspiration" name="inspiration4" /></li> 
        <li><input type="text" id="inspiration" name="inspiration5" /></li></ul> 
       </li> 
       </ul> 
     </fieldset> 

     <div class="margin-div"><textarea cols="40" rows="5" name="desc_long" class="required">Longer description</textarea></div> 
    </fieldset><!-- /fieldset moreinfo --> 



    <fieldset class="otherInfo"> 
    <legend>Other Info</legend> 

     <fieldset class="links"> 
      <legend>More of me - If you would like we can include up to 3 links where people can see or hear more of you</legend> 
      <ul> 
       <li><label for="link1name">Name of Link 1</label><input type="text" id="link1name" name="link1name" value="Name of Link (ex: My Band on Youtubr)" /></li>   
       <li><label for="link1url">URL of Link 1</label><input type="text" id="link1url" name="link1url" value="URL of Link (ex: www.youtube.com?feature=dddkshue)"/></li> 
       <li><label for="link2name">Name of Link 2</label><input type="text" id="link2name" name="link2name" /></li> 
       <li><label for="link2url">URL of Link 2</label><input type="text" id="link2url" name="link2url" /></li> 
       <li><label for="link3name">Name of Link 3</label><input type="text" id="link3name" name="link3name" /></li> 
       <li><label for="link3url">URL of Link 1</label><input type="text" id="link3url" name="link3url" /></li> 
      </ul> 
     </fieldset> 

     <fieldset class="other"> 
      <legend>Other Information</legend> 

      <ul> 
       <li><label for="proExperience">Would you consider yourself a professional musician?</label><input type="checkbox" id="proExperience" name="proExperience" value="1" /></li> 
       <li><label for="haveStudio">Do you have your own recording facilities?</label><input type="checkbox" id="haveStudio" name="haveStudio" value="1" /></li> 
       <li><label for="musicTheory">Do you know music theory?</label><input type="checkbox" id="musicTheory" name="musicTheory" value="1" /></li> 
       <li><label for="composer">Do you write your own music?</label><input type="checkbox" id="composer" name="composer" value="1" /></li> 
       <li><label for="teacher">Do you teach?</label><input type="checkbox" id="teacher" name="teacher" value="1" /></li> 
      </ul> 
     </fieldset> 



     <fieldset class="contact"> 
      <legend>Contact Information</legend> 
      <span><label for="email">Email Address</label><input type="text" id="email" name="email" /></span> 
     </fieldset> 
    </fieldset> <!-- /more info --> 
    <input type="hidden" name="thumb_image_location" value="<?php echo $thumb_image_location ?>" id="thumb_image_location" /> 
    <input type="hidden" name="large_image_location" value="<?php echo $large_image_location ?>" id="large_image_location" /> 

    <input type="submit" name="upload_thumbnail" value="Save Info" id="save_thumb" /> 
</form> 
+2

不是沒有代碼。 – MetalFrog 2012-02-24 14:45:13

回答

1

它可能是你有一個<div>伸展你的領域,但具有不同的Z指數。這可能會阻止您訪問<div>

+0

最有可能是這樣的。如果您使用的是Chrome或Safari(或Firefox中安裝的Firebug),請嘗試右鍵單擊某個輸入並「檢查元素」,然後查看實際存在的元素。 – chipcullen 2012-02-24 14:48:40

0

下的字段也可能是因爲表單字段上有disabled =「disabled」屬性。

代碼示例會非常有幫助。

0

最近我有同樣的問題...那是因爲我有浮動的表單元素,這使得它們在單擊它們時在包含div的範圍之外。

Keeping an floated image inside the div with CSS的解決方案解決了我的問題,並可能修復你的問題。簡而言之:使用overflow:隱藏在你的包含div中。