HMVC CodeIgniter视图点火器类型=“日期”不能在html上工作

时间:2016-03-01 05:29:20

标签: php html css date codeigniter-3

我正在HMVC项目中输入此表格。我想要

input type="date"

但恰好是输出就像普通的文本框一样。我可以采取哪些其他方式或错误是什么?

add_view.php

<link rel="stylesheet" href="<?php echo base_url(); ?>assets/bootstrap/css/inputfield.css">
<html>
<div>
    <fieldset>


            <?php

                echo form_open('Clients/create');
            ?>

            <p>
                <label class="field" for=""><span>*</span>Name:</label>
                <input type = "text" name="" class ="textbox-300">
            </p>
            <p>
                <label class="field" for=""><span>*</span>Details:</label>
                <textarea name=""></textarea>
            </p>
        </br></br></br>
            <p>
                <label class="field" for=""><span>*</span>Address:</label>
                <textarea name=""></textarea>
            </p>
            <p>
                <label class="field" for=""><span>*</span>Contact Number:</label>
                <input type = "text" name="" class ="textbox-300">
            </p>
            <p>
                <label class="field" for=""><span>*</span>Contact Email:</label>
                <input type = "text" name="" class ="textbox-300">
            </p>
            <p>
                <label class="field" for=""><span>*</span>Date Added:</label>
                <input type="date" name="" min="1950-01-01">
            </p>


            <?php
                echo form_submit('submit','Save');
                echo validation_errors();
                echo form_close();
            ?>


    </fieldset>
</div>
</html>

inputfield.css

textarea {
    width: 51%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px black;
    border-radius: 4px;
    resize: none;
    float:right;
}

fieldset {
    width: 500px;
}

label .field{

    text-align:left;
    width:100px;
    float:left;
    font-weight: bold;
}

input.textbox-300{
    width:350;
    float:right;
}

fieldset p {

    clear:both;
    padding:5px;
}

label span, .required{
    color:red;
    font-weight: bold;
}

.center {
    margin: auto;
    padding: 10px;
}
对不起我对这个日期的事情不好所以请帮帮我

2 个答案:

答案 0 :(得分:0)

您的结果为空textbox,因为您未在输入字段中使用name属性,只需在所有输入字段中添加name属性:

示例:

<input type = "text" name="yourName" class ="textbox-300">
<textarea name="Details"></textarea>
<textarea name="Address"></textarea>
<input type = "text" name="ContactNo" class ="textbox-300">
<input type = "text" name="Email" class ="textbox-300">
<input type="date" name="YourDate" min="1950-01-01">

答案 1 :(得分:0)

日期选择器似乎是空白的,因为mozilla fire fox不支持它。如果有任何mozilla支持请告诉我。感谢