Criteria:
The table must include the product name, product price, and season information. The product name and product price should be input text boxes labeled with name
and price
respectively. The season selection should be a dropdown menu labeled with season
. The dropdown options are as follows:
· summer - SUMMER SALE
· newyear - NEW YEAR SALE
· clearance - CLEARANCE SALE
The product name field cannot be left blank and can only contain alphabetic characters or spaces. The price
field must have a value greater than zero and cannot be empty.
The table should be aligned to margin-left: 35%
, with an outer border style of solid 5px
, and a width of 30%
. There should be a space of 10px
between the elements and the border.
table {
border-style: solid;
border-spacing: 10px;
border-width: 5px;
margin-left: 35%;
width: 30%;
}
<table>
<tr>
<td>Product Name</td>
<td><input type="text" name="name" id="name" required pattern="[a-zA-Z ]+"></td>
</tr>
<tr>
<td>Product Price</td>
<td><input type="number" name="price" id="price" required min="1"></td>
</tr>
<tr>
<td>Season</td>
<td>
<select id="season" name="season">
<option value="summer">SUMMER SALE</option>
<option value="newyear">NEW YEAR SALE</option>
<option value="clearance">CLEARANCE SALE</option>
</select>
</td>
</tr>
</table>
---------------------------------------------------------------Error-------------------------------------------------------------
testWeb(jspackage.JSAssignmentDiscount):
Table tag should have 3 rows and check with the requirements for CSS for table and tr
false