I need your help. Here is my screenshot.
Screenshot here.
I am having trouble looking for a solution, the case is this. When the user types in the sprinkler duty requirement textbox L/MIN. I should have a code that will search in my table for the nearest value of that label and will show check marks on labels.
Here is my html code for sprinkler duty:
<div class="row g-0" id="chartNine" style="display:none;">
<h4 class="card-title">TOWN'S MAIN FED - SPRINKLER ANNUBAR FLOW TEST</h4>
<table id="dataTable2">
<thead>
<tr>
<th style="width: 750px;">SPRINKLER DUTY REQUIREMENT/S</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<label></label>
<input type="text6" class="randomColor" value="0" />
<label> L/MIN # </label>
<input type="text6" value="0" />
<label> KPA </label>
</td>
</tr>
</tbody>
</table>
<button onclick="addTable('dataTable2');">+</button>
<br>
and here is my code for the labels:
<tr>
<td>
<label>
0
</label>
</td>
<td>
<label id="dnValue0" style="display:none;">0.00</label>
<label id="dnValue1" style="display:none;">0.00</label>
<label id="dnValue2" style="display:none;">0.00</label>
<label id="dnValue3" style="display:none;">0.00</label>
<label id="dnValue4" style="display:none;">0.00</label>
<label id="dnValue5" style="display:none;">0.00</label>
<label id="dnValue6" style="display:none;">0.00</label>
</td>
<td>
<input type="text3" value="0" />
</td>
</tr>
<tr>
<td>
<label>
1
</label>
</td>
<td>
<label id="dnValue7" style="display:none;">220.77</label>
<label id="dnValue8" style="display:none;">359.46</label>
<label id="dnValue9" style="display:none;">534.13</label>
<label id="dnValue10" style="display:none;">710.70</label>
<label id="dnValue11" style="display:none;">914.45</label>
<label id="dnValue12" style="display:none;">1385.27</label>
<label id="dnValue13" style="display:none;">2084.30</label>
</td>
<td>
<input type="text3" value="0" />
</td>
</tr>
Thank you, guys!
Related
I'd like to add label on my website using Thymeleaf fields, too.
I wrote the following code:
<form id="newFoo" action="#" th:action="#{'/save'}" th:object="${foo}"
method="post" autocomplete="off">
<table>
<tr>
<td> <label for="name" form="newFoo">Name</label></td>
<td>
<input id="name" type="text" th:field="*{name}" required="required">
</td>
</tr>
<tr>
<td> <label for="gender" form="newFoo">Gender</label> </td>
<td>
<select id="gender" th:field="*{gender}" required="required">
<option th:each="g : ${genders}"
th:value="${g.id}" th:text="${g.name}" ></option>
</select>
</td>
</tr>
<tr>
<td> <label for="birthday" form="newFoo">Birthday</label></td>
<td>
<input id="birthday" type="date" th:field="*{birthday}" min="1900-01-01" max="2100-01-01" required="required">
</td>
</tr>
<tr>
<td><label for="height" form="newFoo">Height</label></td>
<td> <input id="height" type="number" th:field="*{height}" required="required"> </td>
</tr>
<tr>
<td colspan="2">
<button type="submit">Submit</button>
</td>
</tr>
</table>
</form>
When I tried to navigate through my form by NVDA, only the labels of texts and select were shown and said. Numbers and date were not shown. I tried it on Google Chrome and on Firefox.
Trying w3school, number worked, too.
How can I solve it?
So I have written the following code and I cannot make same response as I was asked to. the text does not align properly in form. The text isn't like aligned right and feilds on left. I Please suggest a fix as simple as you can.
<form align="center">
<p>Name:
<input type="text">
</p>
<p>Address
<input type="text">
</p>
<p>Email ID:
<input type="text">
</p>
<p>How many Peices of fruit<br>
do you eat per day?
<input type="radio" name="rdbGender" id="rdbGender"> 0
<input type="radio" name="rdbGender" id="rdbGender">1
<input type="radio" name="rdbGender" id="rdbGender">2<br>
<input type="radio" name="rdbGender" id="rdbGender">More than 2<br>
</p>
<label>Degree:</label>
<select multiple>
<option selected>apple</option>
<option>banana</option>
<option>plum</option>
<option>pomegranate</option>
</select>
<p>Would you like a <br /> brochure?
<input type="checkbox" align="right">
</p>
<input type="submit">
</form>
How it was supposed to look like
How it looks like
I had a hard time understand how you had been writing this code:
<form align="center">
and
<input type="checkbox" align="right"/>
As align is not a valid attribute of an input or form tag.
But what it looks like is that it used, and has long since been removed.
https://www.w3.org/TR/html401/present/graphics.html#adef-align
Note that on my browser (Firefox 81.0) your code doesn't center align like it does in your picture:
So that suggests to me that you are using an old browser.
I recommend using the MDN documentation to see what is elements are supported.
However, if you are supporting outdated then that's a whole discipline in itself.
This page lists all available HTML attributes:
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
To give you a useful answer though - judging on the 'supposed to look like' image, it looks like you want to be using a table.
<form>
<table>
<tr>
<td align="right">Name:</td>
<td><input type="text"></td>
</tr>
<tr>
<td align="right">Address</td>
<td><input type="text"></td>
</tr>
<tr>
<td align="right"> Email ID:</td>
<td> <input type="text"></td>
</tr>
<tr>
<td align="right"> How many Peices of fruit do you eat per day?</td>
<td>
<input type="radio" name="rdbGender" id="rdbGender"> 0
<input type="radio" name="rdbGender" id="rdbGender">1
<input type="radio" name="rdbGender" id="rdbGender">2<br>
<input type="radio" name="rdbGender" id="rdbGender">More than 2 </td>
</tr>
<tr>
<td align="right">
Degree:
</td>
<td>
<select multiple>
<option selected>apple</option>
<option>banana</option>
<option>plum</option>
<option>pomegranate</option>
</select>
</td>
</tr>
<tr align="right">
<td> Would you like a brochure</td>
<td align="left"> <input type="checkbox"></td>
</tr>
<tr>
<td></td>
<td> <input type="submit"></td>
</table>
</form>
Note here, we do use the align attribute. As you can see, according to the MDN documentation, align is supported on a td element, but is deprecated, meaning that it's not advisable to use it.
Do you want like this? Only html:
<form>
<table align="center">
<tr>
<td align="right">Name </td>
<td><input type="text"></td>
</tr>
<tr>
<td align="right"><br>Address </td>
<td><br><input type="text"></td>
</tr>
<tr>
<td align="right"><br>Email ID </td>
<td><br><input type="text"></td>
</tr>
<tr>
<td>
<label for="rdbGender">
<br>
How many Peices of fruit <br> do you eat per day?<br><br><br><br>
</label>
</td>
<td>
<input type="radio" name="rdbGender" id="rdbGender">0<br>
<input type="radio" name="rdbGender" id="rdbGender">1<br>
<input type="radio" name="rdbGender" id="rdbGender">2<br>
<input type="radio" name="rdbGender" id="rdbGender">More than 2
</td>
</tr>
<tr>
<td align="right">
<br>
<label for="degree">
My favourite fruit <br><br><br><br><br>
</label>
</td>
<td>
<select id="degree" multiple>
<option selected>apple</option>
<option>banana</option>
<option>plum</option>
<option>pomegranate</option>
</select>
</td>
</tr>
<tr align="right">
<td> Would you like a <br>
brochure
</td>
<td align="left"> <input type="checkbox"></td>
</tr>
<tr>
<td></td>
<td>
<br>
<input type="submit">
</td>
</table>
</form>
I suggest you to use CSS Grid to accomplish this job:
form {
display: grid;
grid-template-columns: 150px 200px;
text-align: center;
}
.first-column {
text-align: right;
}
input, select {
margin-left: 5px;
margin-bottom: 5px;
}
.check-area label {
display: block;
text-align: left;
}
.submit-button {
grid-column-start: 2;
text-align: left;
}
<form>
<label class="first-column">Name:</label><input type="text">
<label class="first-column">Address</label><input type="text">
<label class="first-column">Email ID:</label><input type="text">
<div class="first-column">
How many Peices of fruit<br>do you eat per day?
</div>
<div class="check-area">
<label>
<input type="radio" name="rdbGender" id="rdbGender">0
</label>
<label>
<input type="radio" name="rdbGender" id="rdbGender">1
</label>
<label>
<input type="radio" name="rdbGender" id="rdbGender">2
</label>
<label>
<input type="radio" name="rdbGender" id="rdbGender">More than 2
</label>
</div>
<label class="first-column">Degree:</label>
<select multiple>
<option selected>apple</option>
<option>banana</option>
<option>plum</option>
<option>pomegranate</option>
</select>
<label class="first-column">Would you like a<br>brochure?</label>
<input type="checkbox" align="right">
<div class="submit-button"><input type="submit"></div>
</form>
Sorry, this is my jsfiddle.net link >> http://jsfiddle.net/2vw1035n/
Why my column keep frozen at right side ?
This is my table
#table {
margin-left: 260px;
border: none;
font-size: 14pt;
font-weight: bold;
font-family: 'bookman old style';
}
<form>
<div class="regisContent">
<table id='regisTable'>
<tr>
<td>
<label for="fname">Name</label>
</td>
<td>:</td>
<td>
<input type="text" name="fname" id="fname" placeholder="Input your name here.." id='textConf'/>
</td>
</tr>
<tr>
<td>
<label for="passw">Password</label>
</td>
<td>:</td>
<td>
<input type="password" name="passw" id="passw" placeholder="Input your password here.." id='textConf'/>
</td>
</tr>
<tr>
<td>
<label for="cnpass">Confirm Password</label>
</td>
<td>:</td>
<td>
<input type="password" name="cnpass" id="cnpass" placeholder="Please input your password again.." id='textConf'/>
</td>
</tr>
<tr>
<td>
<label for="email">Email</label>
</td>
<td>:</td>
<td>
<input type="text" name="email" id="email" placeholder="Input your email here.." id='textConf'/>
</td>
</tr>
<tr>
<td>
<label for="phone">Phone</label>
</td>
<td>:</td>
<td>
<input type="phone" name="phone" id="phone" placeholder="Input your telephone number here.." id='textConf'/>
</td>
</tr>
<tr>
<td>
<label for="gender">Gender</label>
</td>
<td>:</td>
<td>
<input type="radio" name="gender" id="male" value="male"> Male
<input type="radio" name="gender" id="female" value="female"> Female
</td>
</tr>
<tr>
<td>
<label for="address">Address :</label><br/>
<textarea rows="7" cols="57" name="address" id="address" placeholder="Input your address here.."></textarea>
</td>
</tr>
<tr>
<td>
<fieldset id =box>
<legend>Terms & Conditions:</legend>
<pre id=terms>
Welcome to our website. If you continue to browse and use this website,
you are agreeing to comply with and be bound by the our terms
and conditions of use, which together with our privacy policy govern Baggy
Bag Shop relationship with you in relation to this website.
</pre>
</fieldset>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="agreement" id="ck" value="agreement">
<label for="ck" class='textConf'>I agree with the terms and conditions stated above</label>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Submit"onclick="validate()"/>
<input type="reset" value="Cancel"/>
<!--<input type="button" value="Poke" onmouseover="this.style.background='white'" onmouseout="this.style.background='gray'" />-->
</td>
</tr>
</table>
</div>
</form>
I can not post any images here since i got no reputation ..
i switched up your table format a little and applied a max-width onto the td's with the label. demo here: http://jsfiddle.net/2vw1035n/2/
<tr>
<td>
<label for="fname">Name</label>:
</td>
<td>
<input type="text" name="fname" id="fname" placeholder="Input your name here.." id='textConf'/>
</td>
</tr>
css:
tr>td:nth-child(1) {
max-width:100px;
}
hope this helps
I have a html form with 124 fields, where some fields are required and others can be omitted. What is the best way to get all the filled out fields to the database?
I have already tried making a MySQL table with all the fields setting the fields that can be omitted to NULL but it won't enter any values when I click submit on my form.
This is the html form:
<table border="1">
<tr>
<td>
<form name="createcomp" method="post" action="createform.php">
<table class="table table-striped" border="0">
<tr>
<td>
<select name="regtype" class="input-xxlarge" required="">
<option selected value="">
Please select registration type
</option>
<option value="form1a">
Articles of Incorporation Company Limited by Shares (Form
1A)
</option>
<option value="form1a">
Articles of Incorporation Company Limited by Guarantee
Without a Share Capital (Form 1B)
</option>
<option value="form1a">
Articles of Incorporation Company Limited by Guarantee
With a Share Capital (Form 1C)
</option>
<option value="form1a">
Articles of Incorporation Unlimited Company (Form 1D)
</option>
<option value="form1a">
Registration of Business Names - Registration by Sole
Proprietor (FORM BN1)
</option>
<option value="form1a">
Registration of Business Names - Registration by
Partneship (FORM BN2)
</option>
<option value="form1a">
Registration of Business Names - Registration by
Corporation (FORM BN3)
</option>
</select>
</td>
</tr>
</table>
<table class="table table-striped">
<tr>
<td>
<input class="input-xlarge" type="text" name="compname"
required="" placeholder="1. NAME OF COMPANY">
</td>
<td></td>
<td>
<div id="available"></div>
</td>
</tr>
<tr>
<td>
<input class="input-xxlarge" type="tel" name="faxnum"
placeholder="1A. COMPANY FAX NUMBER (XXX) XXX-XXXX" required=
"">
</td>
<td>
<label class="control-label">1B. TYPE OF COMPANY</label>
</td>
<td>
<label class="radio inline"><input type="radio" name=
"comptype" id="inlinePub" value="public" required="">
PUBLIC</label> <label class="radio inline"><input type=
"radio" name="comptype" id="inlinePriv" value="private"
required=""> PRIVATE</label>
</td>
</tr>
<tr>
<td>
<label class="control-label">2. IS THE REGISTERED OFFICE IS
SITUATED JAMAICA?</label>
</td>
<td>
<label class="radio inline"><input type="radio" name=
"injamaica" id="inlineYes" value="yes" required="">
YES</label> <label class="radio inline"><input type="radio"
name="injamaica" id="inlineNo" value="no" required="">
NO</label>
</td>
</tr>
</table><br>
<table class=" table table-striped" border="0">
<tr>
<td>
<label class="control-label">3. CORE BUSINESS OF THE
COMPANY</label>
</td>
<td>
<input type="text" name="coredescrip" placeholder=""
required="">
</td>
</tr>
<tr>
<td>
<label class="control-label">4. THE CLASSES OF SHARES, IF ANY
THAT THE COMPANY IS AUTHORIZED TO ISSUE</label>
</td>
<td>
<input type="text" name="classshare" placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">4A. THE MAXIMUM NUMBER OF
SHARES, IF ANY THAT THE COMPANY IS AUTHORIZED TO
ISSUE</label>
</td>
<td>
<input type="text" name="maxshares" placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">5. RESTRICTIONS,IF ANY, ON SHARE
TRANSFERS</label>
</td>
<td>
<input type="text" name="resshares" placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">6. MINIMUM NUMBER OF
DIRECTORS</label>
</td>
<td>
<input type="text" name="mindirectors" placeholder=""
required="">
</td>
</tr>
<tr>
<td>
<label class="control-label">6A. MAXIMUM NUMBER OF
DIRECTORS</label>
</td>
<td>
<input type="text" name="maxdirectors" placeholder=""
required="">
</td>
</tr>
</table>
<table class=" table table-striped" border="0">
<tr>
<td>
<label class="control-label">6B. NAMES OF FIRST
DIRECTORS</label>
</td>
<td>
<label class="control-label">NAME(S)</label>
</td>
<td>
<label class="control-label">RESIDENTIAL ADDRESS</label>
</td>
<td>
<label class="control-label">OCCUPATION</label>
</td>
<td>
<label class="control-label">CONTACT #</label>
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="dirname1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="diraddress1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="diroccu1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="dircontact1"
placeholder="(XXX)XXX-XXXX" required="">
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="dirname2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diraddress2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diroccu2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="dircontact2"
placeholder="(XXX)XXX-XXXX">
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="dirname3"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diraddress3"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diroccu3"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="dircontact3"
placeholder="(XXX)XXX-XXXX">
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="dirname4"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diraddress4"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diroccu4"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="dircontact4"
placeholder="(XXX)XXX-XXXX">
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="dirname5"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diraddress5"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="diroccu5"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="dircontact5"
placeholder="(XXX)XXX-XXXX">
</td>
</tr>
<tr>
<td>
<label class="control-label">6C.NAME OF 1ST COMPANY
SECRETARY</label>
</td>
<td>
<label class="control-label">NAME(S)</label>
</td>
<td>
<label class="control-label">RESIDENTIAL ADDRESS</label>
</td>
<td>
<label class="control-label">OCCUPATION</label>
</td>
<td>
<label class="control-label">CONTACT #</label>
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="secname"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="secaddress"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="seecoccu"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="seccontact"
placeholder="(XXX)XXX-XXXX" required="">
</td>
</tr>
</table>
<table class=" table table-striped" border="0">
<tr>
<td>
<label class="control-label">7. RESTRICTIONS, IF ANY, ON THE
BUSINESS THE COMPANY MAY CARRY ON</label>
</td>
<td>
<input class="input-xlarge" type="text" name="busrestricts"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">7A. JUSTIFICATION OF PROPOSED
NAME, WHERE APPLICABLE</label>
</td>
<td>
<input class="input-xlarge" type="text" name="namejustify"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">8. THE FOLLOWING ARTICLES FROM
TABLE A SHALL APPLY WITHOUT VARIATION</label>
</td>
<td>
<div id="myModal" class="modal hide fade" tabindex="-1" role=
"dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 id="myModalLabel">
TABLE A - Articles Relevant to Questions 8 and 8A.
</h4>
</div>
<div class="modal-body">
<h5>
SCHEDULE I
</h5>
<h6>
Article 85
</h6>
<p>
“The Directors may exercise all the power of the
Company to borrow money, and to mortgage or charge its
undertaking, property and uncalled capital, or any part
thereof, and to issue debentures, debenture stock, and
other securities whether outright or as security for
any debt, liability or obligation of the Company or of
any third party.”
</p>
<h5>
SCHEDULE II
</h5>
<h6>
Article 143
</h6>
<p>
‘Subject to the provisions of sections 56, 57 and 58 of
the Act, a Company may issue shares which by the terms
of the issue will be redeemed or at the option of the
Company, may be redeemed.’
</p>
<h6>
Article 144
</h6>
<p>
‘Subject to the provisions of section 58 of the Act, a
Company may purchase or otherwise acquire shares issued
by it.’
</p>
<h6>
Article 145
</h6>
<p>
‘Subject to section 59 of the Act, the Company may
acquire its own shares of any class to:
</p>(a) settle or compromise a debt or claim asserted by
or against the Company
<p>
(b) eliminate fractional shares
</p>
<p>
(c) fulfill the terms of non-assignable agreement under
which the Company has an option or is obliged to
purchase shares owned by an officer or an employee of
the Company.’
</p>
<h6>
Article 146
</h6>
<p>
'No share or class of shares may be issued unless the
shares have first been offered to the shareholders of
the Company holding shares of that class.’
</p>
<h6>
Article 147
</h6>
<p>
‘Subject to section 71 of the Act, the Company may by
special resolution:
</p>
<p>
(a) extinguish or reduce a liability in respect of an
amount unpaid on any shares;
</p>
<p>
(b) reduce its stated capital by an amount that is not
represented by realizable assets; or
</p>
<p>
(c) return to its shareholders any of its assets which
are in excess of the wants of the Company.’
</p>
<h6>
Article 148
</h6>
<p>
‘Subject to section 184 of the Act, the Company may
give financial assistance by means of a loan, guarantee
or otherwise:
</p>
<p>
(a) to a shareholder, director, officer or employee of
the Company or affiliated company, or to an associate
of any such person for any purpose; or
</p>
<p>
(b) to any person for the purpose of, or in connection
with, a purchase of a share issued or to be issued by
the Company or a company with which it is affiliated.’
</p>
<h6>
Article 149
</h6>
<p>
‘Subject to section 201 of the Act, the Company may
pursuant to section 201 indemnify:
</p>
<p>
(a) a director or officer of the Company or any person
employed by the Company as an auditor;
</p>(b) a former director, officer or auditor of the
Company; or (c) a person who acts or has acted at the
Company’s request as a director or officer of a body
corporate of which the Company is or was a shareholder or
creditor, and his legal representatives, against all
costs, charges and expenses reasonably incurred by him in
respect of any civil, criminal or administrative action
or proceeding to which he is made a party by reason of
being, or having been, a director or officer of that
company or body corporate, or any person employed by a
company or body corporate or an auditor.’
</div>
<div class="modal-footer"></div>
</div><a data-toggle="modal" data-target="#myModal" class=
"btn" role="button">ARTICLES 7-84 and 86-142 SHALL APPLY</a>
</td>
</tr>
<tr>
<td>
<label class="control-label">8. THE FOLLOWING ARTICLES FROM
TABLE A SHALL APPLY WITHOUT VARIATION</label>
</td>
<td>
<a data-toggle="modal" data-target="#myModal" class="btn"
role="button">SEE SCHEDULE 1 for varied artcles 85 and
schedule 2 for articles 143-149 ATTACHED</a>
</td>
</tr>
<tr>
<td>
<label class="control-label">9. HAS THERE BEEN AN ALLOTMENT
OF SHARES FOR CONSIDERATION OTHER THAN CASH PURSUANT TO A
PREINCORPORATION CONTRACT?</label>
</td>
<td>
<label class="radio inline"><input type="radio" name=
"allotshares" id="inlineYes" value="yes" required="">
YES</label> <label class="radio inline"><input type="radio"
name="allotshares" id="inlineNo" value="no" required="">
NO</label>
</td>
</tr>
<tr>
<td>
<label class="control-label">9A. THE NATURE AND VALUE OF THIS
CONSIDERATION IS SET OUT BELOW:</label>
</td>
<td>
<input class="input-xlarge" type="text" name="nature"
placeholder="">
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
<label class="control-label">10. LIABILITY OF THE MEMBERS IS
LIMITED</label>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>
<label class="control-label">11. SUBSCRIBERS AND WITNESSES
(Where a company is subscriber, two officers must sign on
behalf of the company. See attached schedule III.)</label>
</td>
</tr>
</table>
<table class=" table table-striped">
<tr>
<td></td>
<td>
<label class="control-label">SUBSCRIBE 1</label>
</td>
<td>
<label class="control-label">SUBSCRIBE 2</label>
</td>
<td>
<label class="control-label">SUBSCRIBE 3</label>
</td>
</tr>
<tr>
<td>
<label class="control-label">PRINT NAME</label>
</td>
<td>
<input class="input-medium" type="text" name="susname1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="susname2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="susname3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">ADDRESS 1</label>
</td>
<td>
<input class="input-medium" type="text" name="susaddr1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="susaddr2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="susaddr3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">ADDRESS 2</label>
</td>
<td>
<input class="input-medium" type="text" name="susaddr21"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="susaddr22"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="susaddr23"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">OCCUPATION</label>
</td>
<td>
<input class="input-medium" type="text" name="susoccu1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="susoccu2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="susoccu3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label"># OF SHARES TAKEN</label>
</td>
<td>
<input class="input-medium" type="text" name="susshare1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="susshare2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="susshare3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">CONTACT #</label>
</td>
<td>
<input class="input-medium" type="text" name="suscontact1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="suscontact2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="suscontact3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">DATE</label>
</td>
<td>
<input class="input-medium" type="date" name="susdate1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="date" name="susdate2"
placeholder="">
</td>
<td>
<input class="input-medium" type="date" name="susdate3"
placeholder="">
</td>
</tr>
<tr>
<td></td>
<td>
<label class="control-label">WITNESS 1</label>
</td>
<td>
<label class="control-label">WITNESS 2</label>
</td>
<td>
<label class="control-label">WITNESS 3</label>
</td>
</tr>
<tr>
<td>
<label class="control-label">PRINT NAME</label>
</td>
<td>
<input class="input-medium" type="text" name="witname1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="witname2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="witname3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">ADDRESS 1</label>
</td>
<td>
<input class="input-medium" type="text" name="witaddr1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="witaddr2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="witaddr3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">ADDRESS 2</label>
</td>
<td>
<input class="input-medium" type="text" name="witaddr21"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="witaddr22"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="witaddr23"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">OCCUPATION</label>
</td>
<td>
<input class="input-medium" type="text" name="witoccu1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="witoccu2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="witoccu3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">CONTACT #</label>
</td>
<td>
<input class="input-medium" type="text" name="witcontact1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="text" name="witcontact2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="witcontact3"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">DATE</label>
</td>
<td>
<input class="input-medium" type="date" name="witdate1"
placeholder="" required="">
</td>
<td>
<input class="input-medium" type="date" name="witdate2"
placeholder="">
</td>
<td>
<input class="input-medium" type="date" name="witdate3"
placeholder="">
</td>
</tr>
</table>
<table class=" table table-striped">
<tr>
<td>
<label class="control-label">13.PARTICULARS OF
DIRECTORS</label>
</td>
<td>
<label class="control-label">NAME OF DIRECTORS</label>
</td>
<td>
<label class="control-label">EMAIL ADDRESS</label>
</td>
<td>
<label class="control-label">TRN NUMBER</label>
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="pdirname1"
required="">
</td>
<td>
<input class="input-medium" type="email" name="pdiremail1"
required="">
</td>
<td>
<input class="input-medium" type="text" name="pditrn1"
required="">
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="pdirname2"
placeholder="">
</td>
<td>
<input class="input-medium" type="email" name="pdiremail2"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="pditrn2"
placeholder="">
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="pdirname3"
placeholder="">
</td>
<td>
<input class="input-medium" type="email" name="pdiremail3"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="pditrn3"
placeholder="">
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="pdirname4"
placeholder="">
</td>
<td>
<input class="input-medium" type="email" name="pdiremail4"
placeholder="">
</td>
<td>
<input class="input-medium" type="text" name="pditrn4"
placeholder="">
</td>
</tr>
<tr>
<td>
<label class="control-label">13.PARTICULARS OF
SECRETARY</label>
</td>
<td>
<label class="control-label">NAME OF SECRETARY</label>
</td>
<td>
<label class="control-label">EMAIL ADDRESS</label>
</td>
<td>
<label class="control-label">TRN NUMBER</label>
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="psecname"
required="">
</td>
<td>
<input class="input-medium" type="email" name="psecemail"
required="">
</td>
<td>
<input class="input-medium" type="text" name="psectrn"
required="">
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
<table class=" table table-striped">
<tr>
<td>
<label class="control-label">12. THIS FORM WAS COMPLETED
BY?</label>
</td>
<td>
<label class="control-label">PRINT NAME</label>
</td>
<td>
<label class="control-label">DATE</label>
</td>
<td>
<label class="control-label">TRN NUMBER</label>
</td>
<td>
<label class="control-label">EMAIL ADDRESS</label>
</td>
</tr>
<tr>
<td></td>
<td>
<input class="input-medium" type="text" name="creatrname"
required="">
</td>
<td>
<input class="input-medium" type="date" name="creatrdate"
required="">
</td>
<td>
<input class="input-medium" type="text" name="creatrtrn"
required="">
</td>
<td>
<input class="input-medium" type="email" name="creatremail"
required="">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="hidden" name="user_id" value=
"<?php echo $userid;?>">
</td>
<td>
<input type="submit" name="Submit" value="Register" class=
"btn-large">
</td>
<td></td>
<td></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
Problem is: I have form with radio buttons in it. One radio button checked as default. When I check another one and push apply button i have $_POST with duplicated properties but different values:
country: 55
country: 72
second one is previous checked value. Expected only one propertie.
I can't understand why this happens.
<div id="countries">
<table>
<tr>
<td>
<input name="country" type="radio" value="14" id="country_14" checked="checked"/> <label for="country_14">Austria</label>
</td>
<td>
<input name="country" type="radio" value="117" id="country_117"/> <label for="country_117">Latvia</label>
</td>
</tr>
<tr>
<td>
<input name="country" type="radio" value="21" id="country_21"/> <label for="country_21">Belgium</label>
</td>
<td>
<input name="country" type="radio" value="123" id="country_123"/> <label for="country_123">Lithuania</label>
</td>
</tr>
<tr>
<td nowrap>
<input name="country" type="radio" value="33" id="country_33"/> <label for="country_33">Bulgaria</label>
</td>
<td nowrap>
<input name="country" type="radio" value="124" id="country_124"/> <label for="country_124">Luxembourg</label>
</td>
</tr>
</table>
</div>
probably the POST was an array POST, like:
<form action="." method="POST">
<input value="val1" name="name[0]">
<input value="val2" name="name[1]">
<input type="sumbit" value="Submit">
</form>