-1

クライアントのウェブサイトのフッターと連絡先ページにフォームがありますが、これは単純ですが、何らかの理由でフォームのテキスト領域ボックスがボックスの最後に到達しても別の行に移動せず、スクロールし続けます。ライブサイトはこちら

クライアントは、新しい段落を作成し、コンテンツの入力量に応じてコンテンツ ボックスのサイズを変更できるようにしたいと考えています。

私は何年もそれで遊んできましたが、何か悪いことを見つけることができないようです. 多分私は明らかな何かを見逃しています...

私のフォームコードはこれで、明らかに上記のphpコードを使用しています

<h1 style="color:#00b3ff" id="contact-form">Contact us</h1>
<?php if( !$success ): ?>
<p style="color:#FFFFFF;">Fill out the form below and we will respond asap.</p>

<form class="quick" method="post" action="#contact-form">

<input type="text" name="contact[name]" class="text-field" value="<?php echo $_POST['contact']['name']; ?>" placeholder="Name *" />

<input type="text" name="contact[email]" class="text-field" value="<?php echo $_POST['contact']['email']; ?>" placeholder="Email" />

<input type="text" name="contact[telephone]" class="text-field" value="<?php echo $_POST['contact']['telephone']; ?>" placeholder="Telephone *" />

<input type="text" name="contact[comments]" class="textarea" value="<?php echo $_POST['contact']['comments']; ?>" placeholder="Comments *" />

<input type="submit" value="Submit" name="submit" class="submit" />
<?php else: ?>
    <p style="color: white;">Thank you for your enquiry, we'll get back to you shortly.</p>
<?php endif; ?>

</form>


/* LOGIN & REGISTER FORM */

form.quick{
    height: auto;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

ここで間違っているものは何も見えませんか？

form .text-field {
    float: left;
    border: 0px solid #a6a6a6;
    width: 70%;
    height: 45px;
    border-radius: 2px;
    margin-top: 10px;
    padding-left: 10px;
    color: #000000;
    background: #fcfcfc;
    outline: none;
}

form .text-field:focus {
    box-shadow: inset 0 0 2px #008dd3;
    color: #a6a6a6;
    background: white;
}

form .textarea {
    float: left;
    border: 0px solid #a6a6a6;
    width: 70%;
    height: 45px;
    border-radius: 2px;
    margin-top: 10px;
    padding-left: 10px;
    color: #000000;
    background: #fcfcfc;
    outline: none;

}
form .textarea:focus {
    box-shadow: inset 0 0 2px #00b3ff;
    background: white;
}

form .submit {
    -webkit-appearance: none;
    border-radius: 2px;
    border: 0px solid #336895;
    width: 40%;
    height: 40px;
    margin-top: 10px;
    background-color: #00b3ff;
    cursor: pointer;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight:400;
    opacity: 1;
       transition: opacity .25s ease-in-out;
       -moz-transition: opacity .25s ease-in-out;
       -webkit-transition: opacity .25s ease-in-out;
}

form .submit:hover {
    opacity: 0.8;
}

誰かが私を助けてくれませんか？

4

1 に答える 1

2

変化する

<input type="text" name="contact[comments]" class="textarea" value="<?php echo $_POST['contact']['comments']; ?>" placeholder="Comments *" />

に

<textarea name="contact[comments]" class="textarea" placeholder="Comments *"><?php echo $_POST['contact']['comments']; ?></textarea>
于 2013-07-11T19:21:34.547 に答える