The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Reset and Data Validation Not working, Reset button and Required field Not working
Rating  2
maddyrafi
post Aug 7 2022, 11:07 PM
Post #1





Group: Members
Posts: 1
Joined: 7-August 22
Member No.: 28,494
<html>
<head>
<style>
table, th, td {
border: 2px solid black;
border-collapse: collapse;
background-color: #AAAADD;
}
table.center {
margin-left: auto;
margin-right: auto;
margin-center: auto;
}
</style>
</head>

<body align="center" style="background-color:white;">
<h1 style="color:black;">Login Details</h1>


<table style="width:100%">
<table class="center">
<tr>
<td>Location Name
<select name="region" id="region"><br>
<option value="Adilabad">Adilabad</option><br>
<option value="Dindigul">Dindigul</option><br>
<option value="Thanjavur">Thanjavur</option><br>
<option value="Thanjavur">Thanjavur</option><br>
</select>
</tr></td>
<tr>
<td>Fed./Block Code
<input type="text" id="code" name="code" required></td>
</tr>
<tr> <td>Role
<select name="role" id="role">
<option value="Block Integrator">Block Integrator</option>
<option value="Accountant">Accountant</option>
<option value="Computer Operator">Computer Operator</option>
<option value="Regional MIS and Regional PACE Login">Regional MIS and Regional PACE Login</option>
<option value="RC Login">RC Login</option>
<option value="Programme MIS and Programe PACE Login">Programme MIS and Programe PACE Login</option>
<option value="ICT Team">ICT Team</option>
<option value="Regional Co-ordinator - For Giving Extension">Regional Co-ordinator - For Giving Extension</option>
<option value="Program Office - For Giving Extension">Program Office - For Giving Extension</option>
</select>
</td>
</tr>
<tr>
<td>Data Entry/Edit
<select name="entry" id="entry">
<option value="Data Entry">Data Entry</option>
<option value="Edit">Edit</option>
</td></tr>

<tr><td>Dhanam/Jeevidham
<select name="dhanam" id="dhanam">
<option value="Dhanam">Dhanam</option>
<option value="Jeevidam">Jeevidam</option>
</td></tr>

<tr><td>Userid
<input type="text" id="userid" name="userid" required>
</td></tr>

<tr><td>Password
<input type="text" id="password" name="password" required>
</td></tr>
<!--<table style="margin: 0px auto;"></table>
<table align="center"></table>-->
<tr>
<td>
<input type="submit" value="Submit">
<input type="Reset" value="Reset" class="center">
<a href="https://docs.google.com/document/d/1j0HkmuovqLc_NiOMb0UUkglsbObBeJRiq7xa_z4NioY/edit">Open Questionnaire</a>
</td></tr>
</table>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Aug 8 2022, 04:11 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,648
Joined: 10-August 06
Member No.: 7
To begin with, you need <form ....> and </form> tags around all the form fields. See also https://htmlhelp.com/faq/html/forms.html#form-howto

There are also some HTML syntax errors, that the validator should point out: https://validator.w3.org
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 8 2022, 08:14 AM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
And I don't see any signs of data validation going on.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Aug 8 2022, 01:36 PM
Post #4


.
********

Group: WDG Moderators
Posts: 9,648
Joined: 10-August 06
Member No.: 7
There are a few REQUIRED attributes...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 16th April 2024 - 05:45 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC