html 我希望我的表格几乎占了我页面的一半,我该怎么做呢?[关闭]

3phpmpom  于 2022-12-02  发布在  其他
关注(0)|答案(1)|浏览(186)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题吗?**通过editing this post添加详细信息并阐明问题。

2天前关闭。
Improve this question
下面是我的代码。我已经建立在其中我运行,但它出现在顶部,但我想它似乎有点大,以涵盖约一半我的网页。

<html>

    <head>
        <title>Comment</title>
            <style type=text/css>
        body {
  min-height: 600vh;
  max-width: 800px;
  background-color: peachpuff;
  margin: 0 auto;
}
</style>

    </head>

    <body>
        <center>
        <form>
            <legend>Lets get interactive</legend>
            <table>
                <tr>
                    <td>
                        Name:
                    </td>
                    <td>
                        <input type="text" placeholder="Please type your name here" name="" required>
                    </td>
                </tr>
                <tr>
                    <td>
                        Phone Number:
                    </td>
                    <td>
                        <input type="phone" placeholder="+233******">
                    </td>
                </tr>
                <tr>
                    <td>
                        Email Id:
                    </td>
                    <td>
                        <input type="email" placeholder="example@gmail.com" required>
                    </td>
                </tr>
            <tr>
                <td>
                    Gender:
                </td>
                <td>
                    <input type="radio" name="gender">Male
                    <input type="radio" name="gender">Female
                </td>
            </tr>
            <tr>
                <td>
                     Comment:
                </td>
                <td>
                    <textarea rows="5" col="17" placeholder="Please leave your comment here"></textarea>
                </td>
            </tr>
            <tr>
                <td>
                    <button type="submit" onclick="sayWelcome()">SUBMIT</button>
                    <script type="text/javascript">
                        function sayWelcome(){
    alert("Do you really want to send your comment? PRESS OK if yes")
}
                        
                    </script>
                    <input type="reset" value="Reset">
                </td>
            </tr>
            </table>
        </form>
    </body>
</html>

我希望我的表格能覆盖我的页面的一半,但它只是出现在顶部,而且更小。但我希望它看起来比正在发生的事情大得多

mutmk8jj

mutmk8jj1#

您可以使用center, form and table标签来拥有'100vh'高度。在您的style标签中,加入:

center, form, table {
  height: 100vh;
}

相关问题