HTML - 更改表单位置

Question

如何更改此表单的位置以及绝对位置？

<form id="contact_form" action="#" method="POST" enctype="multipart/form-data"> 
 
\t <div class="row"> 
 
\t \t <label for="name">Jouw naam:</label><br /> 
 
\t \t <input id="name" class="input" name="name" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="email">Jouw email:</label><br /> 
 
\t \t <input id="email" class="input" name="email" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="message">Jouw bericht:</label><br /> 
 
\t \t <textarea id="message" class="input" name="message" rows="7" cols="30"></textarea><br /> 
 
\t </div> 
 
\t <input id="submit_button" type="submit" value="Send email" /> 
 
</form>

Answer 1

您可以通过选择contact_form形式ID，并添加规则的当前位置

<style> 
 
    #contact_form { 
 
    position: absolute; 
 
    } 
 
</style> 
 

 
<form id="contact_form" action="#" method="POST" enctype="multipart/form-data"> 
 
\t <div class="row"> 
 
\t \t <label for="name">Jouw naam:</label><br /> 
 
\t \t <input id="name" class="input" name="name" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="email">Jouw email:</label><br /> 
 
\t \t <input id="email" class="input" name="email" type="text" value="" size="30" /><br /> 
 
\t </div> 
 
\t <div class="row"> 
 
\t \t <label for="message">Jouw bericht:</label><br /> 
 
\t \t <textarea id="message" class="input" name="message" rows="7" cols="30"></textarea><br /> 
 
\t </div> 
 
\t <input id="submit_button" type="submit" value="Send email" /> 
 
</form>