Question

我有两个输入表单。我想在用户关注第一个输入表单时显示第二个输入表单。我在输入标签中使用了一个简单的javascript“onfocus”。当它改变另一个输入表单的样式时，这很好用。然而，这留下了不必要的差距。我尝试制作它，所以整个div组都会出现焦点，但它没有效果。

我希望当用户专注于第一个输入表单时，会显示整个“表单组”div，但出于某种原因，这根本不起作用。

HTML

<div class="form-group<?php if(form_error('con_password') != ''){ echo " has-error"; } ?>">
    <div class="col-md-10">
        <input type="password" name="con_password" class="form-control input-lg" placeholder="Password Confirmation" onfocus="occupation.style.display='block'">
        <span class="help-block"><?php echo form_error('con_password'); ?></span>
    </div>
</div>
<div class="form-group<?php if(form_error('occupation') != ''){ echo " has-error"; } ?>" id="occupation">
    <div class="col-md-10">
        <input type="text" name="occupation" class="form-control input-lg" value="<?php echo set_value('occupation'); ?>" placeholder="Occupation" onfocus="hearus.style.display='block'">
        <span class="help-block"><?php echo form_error('occupation'); ?></span>
    </div>
</div>

CSS

#occupation{
   display: none;   
}

Answer 1

onfocus="occupation.style.display='block'应为onfocus="document.getElementById('id').style.display=block"

Answer 2

onfocus="document.getElementById('occupation').style.display='block'"

Answer 3

在你的处理程序中，代码不知道“占用”是什么（例如）。你需要获得它的引用，然后操纵它的风格。

输入onfocus不改变div风格

3 个答案: