Question

我想创建一个表单，其中input和textarea元素填充该行的剩余空间但不转到下一行。这是我当前的（不工作）jsfiddle https://jsfiddle.net/xz7uq18j/1/

感谢您的帮助

代码：

 <div style="border: #000000 thin solid; text-align: left; padding: 10px; margin: 10px; width: 500px;">


Name: <input style="width: 100%"type="text" name="Name" value="Mr John Smith">
        Address:<textarea  style="width: 100%" name="Address" rows="6" cols="50">1 Road Street
        Town
        Postcode</textarea> <br>
        Primary Phone:<input style="width: 100%" type="text" name="PrimaryPhone" value="***"><br>
        Secondary Phone:<input style="width: 100%" type="text" name="SecondaryPhone" value="N/A"><br>
        Email Address:<input style="width: 100%" type="text" name="EmailAddress" value="N/A"><br>
    </div>

Answer 1

将所需的两个元素一起包装在div中的一行上，并将该div作为一个弹性框，并使用CSS中的RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^ index.php [QSA,L]属性。

＆＃13;

display:flex;

＆＃13;

.one-line{
  display:flex;
}

＆＃13;

输入100％的同一行上的文本和输入元素

1 个答案: