【问题标题】:How can you make drop down lists for months, dates, and years?如何制作月份、日期和年份的下拉列表?
【发布时间】:2015-10-21 08:03:48
【问题描述】:

我在为学校做一个项目时遇到了困难。这是我必须做的::

作业:生日数学

第一部分

修改您的数学加法程序,要求用户输入 2 个数字 AND 选择加法、减法、乘法或 分工。

他们还必须输入正确答案的猜测。

您还必须处理用户尝试划分的可能性 零……

在处理表单的页面上,将他们的猜测与 实际答案并告诉他们是对还是错。给他们用户 友好、有趣、有创意、有礼貌、有帮助的反馈。确保您 显示您从他们那里收集的所有表单信息。

提示:如果需要,请使用 switch 语句,或者尝试嵌套 if/else 声明。

第二部分

还请他们输入他们的生日。

在表单中使用三个下拉列表以允许用户选择 他们出生日期的月份、日期和年份。应该使用数组 当月,这些列表中的每一个都需要使用循环 将值放入下拉列表中。

如果用户在出生日期访问您的网站,他们应该会看到 '特殊信息'。

标准

用户友好、有趣且富有创意

所有页面结构合理并使用适当的 HTML 标签和 使用严格的 XHTML 语法验证 HTML5。使用 HTML LINT 检查器 检查语法错误。

验证表单(检查它们是否为空)

任何包含表单的页面都使用 PHP_SELF 并包含粘性表单

表单字段可访问并在必要时使用字段集

每个脚本的功能都没有 PHP 错误或警告并且可以正常工作 正确的

所有 PHP/HTML 页面在适当的地方包含 cmets 并利用 '空白'使代码易于阅读(这包括'视图 php 页面的源代码)。

所以,我已经完成了数学和单选按钮,但我正在努力的部分是生日部分。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Howdy Stranger</title>
</head>

<body>

<h1>PHP_SELF</h1>

<?php


//process the form if the submit button was pressed
if (isset($_POST['submit'])) {

    //form validation goes here







    /////////////////////////////////////////VARIABLES ARE BEING MADE HERE
    //simplify the form variables
    //later on we will do this in form validation

    //create a variable called firstname and store in it
    //the value from the POST array for firstname from the form
    $firstname = $_POST['firstname'];

    //creating variables for num1 and num2 that user inputed
    $num1 = $_POST['num1'];
    $num2 = $_POST['num2'];


    //creating a variable called guess and store it in the
    //value from the POST array for the guess from the form
    $guess = $_POST['guess'];



    $month = $_POST['month'];
    $year = $_POST['year'];
    $day = $_POST['day'];

    $date = $year ."-". $month ."-".$day;

    $date = date("Y-m-d",strtotime($date));


    if(date('m-d') == date('m-d', $date)) {
    // today is users birthday. echo out "nice" message
    echo "<p>Happy Birthday $firstname! You're nice and old now! Go have a good one!</p>\n";
    } else {
    echo "<p>Your birthday is on $date.</p>\n";
    }

//creates the variable "sum"
//after user chooses certian "action" the sum will
//then be calculated using $num1 and $num2  
if($_POST['action'] == "add") {
    $sum = $num1 + $num2;
} else if($_POST['action'] == "subtract") {
    $sum = $num1 - $num2;
} else if($_POST['action'] == "multiply") {
    $sum  = $num1 * $num2;
} else if($_POST['action'] == "divide") {
    $sum = $num1 / $num2;
}   


//echos out to the user and lets them know that they guessed correctly.
//also shows them their math
if ($sum == $guess) {
     echo "<p>Congratulations $firstname. You answered correctly with $guess, using the numbers $num1 and $num2.<p>\n";
} else {
     echo "<p>$firstname, you answered incorrectly. The correct answer is $sum.</p>\n";

}



} //end of the isset submit condional statement


//show the form if it is the user's first time her OR if any of the required forms are missing

if(!isset($_POST ['submit']) OR empty($firstname) OR empty($num1) OR empty($num2)) { ?>

<h2>Please fill out the following: </h2>



<!--FORM BEGINS-->
<form action= "<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<p><label for="firstname">Please enter your first name: </label>
<input id="firstname" type="text" size="30" name="firstname" value="<?php if(isset($firstname)) echo $firstname; ?>"/><p>

 <!--Challenge Dealio-->
 <p><label for="Num1">Please enter a number: </label>
<input id="Num1" type="number" size="30" name="num1" value="<?php if(isset($num1)) echo $num1; ?>" /></p>

<p><label for="Num2">Please enter another number: </label>
<input id="Num2" type="number" size="30" name="num2" value="<?php if(isset($num2)) echo $num2; ?>"/><p>

<p>Please choose one of the following: </p>
<p>
<!--All radio buttons need the same "name" but with different values-->
<!--they each need their own special id too-->
    <input name="action" id="add" type="radio" value="add" />Add<br />
    <input name="action" id="subtract" type="radio" value="subtract" />Subtract<br />
    <input name="action" id="multiply" type="radio" value="multiply" />Multiply<br />
    <input name="action" id="divide" type="radio" value="divide" />Divide<br />
</p>  

<p><label for="guess">Please put in a guess for the answer: </label>
<input id="guess" type="number" size="30" name="guess" value="<?php if(isset($guess)) echo $guess; ?>"/></p>

    <!--option allows user to select the year they were born-->
    <!--for simplicity sake, I am only doing from 1970-2015-->
    <!--it would be way too many option values to make-->
    <!--and would take up a lot of space in the code-->
    <!--hope this works for you Charla-->
    <select name="year" id="year">
        <option value="1">1970</option>
        <option value="2">1971</option>
        <option value="3">1972</option>
        <option value="4">1973</option>
        <option value="5">1974</option>
        <option value="6">1975</option>
        <option value="7">1976</option>
        <option value="8">1977</option>
        <option value="9">1978</option>
        <option value="10">1979</option>
        <option value="11">1980</option>
        <option value="12">1981</option>
        <option value="13">1982</option>
        <option value="14">1983</option>
        <option value="15">1984</option>
        <option value="16">1985</option>
        <option value="17">1986</option>
        <option value="18">1987</option>
        <option value="19">1988</option>
        <option value="20">1989</option>
        <option value="21">1990</option>
        <option value="22">1991</option>
        <option value="23">1992</option>
        <option value="24">1993</option>
        <option value="25">1994</option>
        <option value="26">1995</option>
        <option value="27">1996</option>
        <option value="28">1997</option>
        <option value="29">1998</option>
        <option value="30">1999</option>
        <option value="31">2000</option>
        <option value="32">2001</option>
        <option value="33">2002</option>
        <option value="34">2003</option>
        <option value="35">2004</option>
        <option value="36">2005</option>
        <option value="37">2006</option>
        <option value="38">2007</option>
        <option value="39">2008</option>
        <option value="40">2009</option>
        <option value="41">2010</option>
        <option value="42">2011</option>
        <option value="43">2012</option>
        <option value="44">2013</option>
        <option value="45">2014</option>
        <option value="46">2015</option>
    </select>


    <!--option allows user to select the month they were born.-->
    <select name="month" id="month"> 
        <option value="1">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
        <option value="4">April</option>
        <option value="5">May</option>
        <option value="6">June</option>
        <option value="7">July</option>
        <option value="8">August</option>
        <option value="9">September</option>
        <option value="10">October</option>
        <option value="11">November</option>
        <option value="12">December</option>
    </select>


    <select name="day" id="day">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="10">21</option>
        <option value="11">21</option>
        <option value="12">22</option>
        <option value="13">23</option>
        <option value="14">24</option>
        <option value="15">25</option>
        <option value="16">26</option>
        <option value="17">27</option>
        <option value="18">28</option>
        <option value="19">29</option>
        <option value="20">30</option>
        <option value="31">31</option>
    </select>


<!--Submit Button-->
<input type="submit" name="submit" value="Enter" />
</form>


<?php
} //end form conditional statement
?>



</body>
</html>

现在必须有一种更简单的方法来输入所有年、日、月等,可能使用数组......但我就是想不通。

【问题讨论】:

  • 这个作业在什么级别?比如,你在学习什么课程?
  • @AdamJeffers 我正在学习的完整程序的名称是数字艺术和新媒体,所以我们涵盖了绝大多数内容,无论如何,PHP 对我来说相当新。我才学了几个星期。 ...这有帮助吗?

标签: javascript php html arrays forms


【解决方案1】:

使用for-loop 表示数值,使用foreach-loop 表示月份(基于所有月份的数组),您可以轻松地显示它。

  • foreach-loop 将循环遍历您调用它的数组的所有元素,您可以使用它来回显它们(或处理它们,但您只需要在此处回显它们)。
  • for-loop 将循环遍历数值,例如从 1 到 31,根据您的分配需要。您选择起点和终点,以及每次循环结束时的增量(对于您的分配,这是 1)。

这里一个聪明的小功能是使用date() 函数来调用当前年份,因此您的脚本始终包含当前年份,而无需每年手动更新脚本。

下面给出一个例子。

<?php
$months = array("January", "February", "March", "Apil", "May", "June", 
                "July", "August", "September", "October", "November", "Descember");
$yearFrom = 1950; // The first year included in the drop-down for years

// $yearFrom = date("Y")-80; 
// Using this line instead, gives a dynamic range of years, always 80 years

// Echo out all years via a for-loop
echo '<select name="year" id="year">';
for ($yearFrom; $yearFrom <= date("Y"); $yearFrom++) {
    // Each $yearFrom represent a year, always incremented by 1
    echo "<option value=\"$yearFrom\">$yearFrom</option>";
}
echo '</select>';

// Echo out all months from the array $months
echo '<select name="month" id="month">';
foreach($months as $key=>$value) {
    // $key is the index of the array, starting at 0
    $numericMonth = $key + 1;
    echo "<option value=\"$numericMonth\">$value</option>";
}
echo '</select>';

// Echo out all days (1-31) via a for-loop
echo '<select name="day" id="day">';
for ($i=1; $i <= 31; $i++) {
    // Each $i represents a numeric value of days, from 1-31
    echo "<option value=\"$i\">$i</option>";
}
echo '</select>';
?>

关于$_SERVER['PHP_SELF'] 用法的简短评论:您应该小心这一点,至少应该避开它,因为它可以被利用。看看w3schools.com 谈论表单验证。

【讨论】:

  • 嘿,所以当我向用户回应时,在他们提交表单后,我将如何让他们知道他们的生日? --另外,项目需要使用 $_SERVER['PHP_SELF']。
  • 和以前一样。当您有一个 HTML 表单时,name-attribute 就是您在 PHP 中找到它的方式。因此,如果您有&lt;select name="year" id="year"&gt;,那么它的 将在PHP 中找到$_POST['year']。至于$_SERVER['PHP_SELF'],请阅读我发布到 w3schools 的链接。它解释了为什么你应该使用 htmlspecialchars($_SERVER['PHP_SELF']) 来逃避它(它可以对抗 XSS 注入)。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-09-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-16
相关资源
最近更新 更多