并非所有选项都显示在表单上答案

【问题标题】：Not all options displayed on form并非所有选项都显示在表单上
【发布时间】：2018-05-06 10:51:24
【问题描述】：

我正在处理我的网络服务（表），实际上我可以使用 php.ini 编辑、添加和删除一些记录。
如果我想添加一些记录，我得到了“添加血库成员”按钮，这会显示一个公式。

我的问题
如果我打开公式，则不会显示所有选项。这意味着我可以看到性别、年龄，但我看不到公式的第一个选项，例如名字等。

我做了什么
我想到了一个 CSS 问题，在文件中看到未显示的表单得到了以下输入类：

<input class="uk-input">

然后我在 CSS 中更改了 uk-input 的 color 和 background-color，但这并没有帮助。

这是完整的表格：

<h2 class="uk-modal-title">ADD Blood Bank Member</h2>

          <form method="post" action="" enctype="multipart/form-data">

         <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="First Name" name="first" required>
        </div>

         <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="Last Name" name="last" required>
        </div>

         <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="Phone Number" name="phone" required>
        </div>

        <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="Age" name="age" required>
        </div>



            <div class="uk-margin">
            Gender<select class="uk-select" name="gender" required>
                <option selected>Male</option>
                <option>Female</option>
            </select>
        </div>

这是公式的图像：

这个公式有什么问题？

【问题讨论】：

你能提供一个 css .uk-input declatarion 吗？
表单标记似乎没问题。您可以使用开发人员工具中的检查器来查看哪些 css 规则适用于元素。是否涉及任何可能隐藏这些项目的javascript？
图片有一个“血组”字段，而表单代码没有。是实际代码吗？
@Banzay css 文件很大，有多个 .uk-input 字段，所以我上传到这里：files.fm/u/xq9k6p8d
与我的第一条评论相反...表单元素未关闭。是否真的是 CSS 问题，将 css 放一小段时间就可以轻松找出。如果是这样，您必须使用检查员搜索适当的规则。

标签： php html css forms

【解决方案1】：

可以尝试使用JS检测性别和血型输入是否为空。先设置first name last name 和phone display 为none，然后如果输入的gender 和blood 不为空则设置first name last name 和phone number 的显示为inline-block。

【讨论】：