Advertisement
Sharishah97

edit Task

Oct 25th, 2018
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.92 KB | None | 0 0
  1. <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
  2. pageEncoding="ISO-8859-1"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="ISO-8859-1">
  8. <title>Awesome to-do list</title>
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  11. <style>
  12. body {
  13. font-family: Lucida Console, Helvetica, sans-serif;
  14. }
  15. * {
  16. box-sizing: border-box;
  17. }
  18. /* style the container */
  19. .container {
  20. position: relative;
  21. border-radius: 5px;
  22. background-color: #f2f2f2;
  23. padding: 20px 0 30px 0;
  24. }
  25. /* style inputs and link buttons */
  26. input,
  27. .btn {
  28. width: 50%;
  29. padding: 12px;
  30. border: none;
  31. border-radius: 4px;
  32. margin: 5px 0;
  33. opacity: 0.85;
  34. display: inline-block;
  35. font-size: 17px;
  36. line-height: 20px;
  37. text-decoration: none; /* remove underline from anchors */
  38. font-family: Lucida Console, Helvetica, sans-serif;
  39. }
  40. input:hover,
  41. .btn:hover {
  42. opacity: 1;
  43. }
  44. select,
  45. .btn1 {
  46. width: 25%;
  47. padding: 12px;
  48. border: none;
  49. border-radius: 4px;
  50. margin: 5px 0;
  51. opacity: 0.85;
  52. display: inline-block;
  53. font-size: 17px;
  54. line-height: 20px;
  55. text-decoration: none; /* remove underline from anchors */
  56. }
  57. select:hover,
  58. .btn1:hover {
  59. opacity: 1;
  60. }
  61. /* style the submit button */
  62. input[type=button] {
  63. background-color: rgb(255, 102, 163);
  64. color: white;
  65. cursor: pointer;
  66. font-family: Lucida Console, Helvetica, sans-serif;
  67. }
  68. input[type=button]:hover {
  69. background-color: rgb(204, 0, 82);
  70. }
  71. /* Clear floats after the columns */
  72. .row:after {
  73. content: "";
  74. display: table;
  75. clear: both;
  76. }
  77.  
  78. /* hide some text on medium and large screens */
  79. .hide-md-lg {
  80. display: none;
  81. }
  82. </style>
  83. </head>
  84. <body>
  85. <div class="container">
  86. <form action="">
  87. <div class="row">
  88. <h2 style="text-align:center; color: rgb(153, 0, 61);">Awesome To-Do List</h2>
  89. <div class="col" style="text-align:center;">
  90. <jsp:useBean id="taskbean" class="com.awesometodo.model.TaskBean" scope="session"/>
  91. <br>Task: <input type="text" size="40" value='<jsp:getProperty property="taskName" name="taskbean"/>'>
  92. <br>Due: <input type="text" value='<%=new java.util.Date() %>' placeholder="Due" required>
  93. <br>Priority::
  94. <select name="priority" style="font-family: Lucida Console, Helvetica, sans-serif;">
  95. <option value="Low" <c:if test="${taskbean.taskPriority == 'low'}">selected</c:if>>Low</option>
  96. <option value="Medium" <c:if test="${taskbean.taskPriority == 'Medium'}">selected</c:if>>Medium</option>
  97. <option value="High" <c:if test="${taskbean.taskPriority == 'High'}">selected</c:if>>High</option>
  98. </select>
  99. <p>
  100. <input type="button" class="Update1" value="update">
  101. </div>
  102. </div>
  103. </form>
  104. </div>
  105.  
  106. </body>
  107. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement