0
我想在我的HTML表單中有一個更新選項，用戶輸入First_name，然後所有的字段都應該使用mysql表中的相應值進行自動填充。 我試圖在幾個領域使用autocomplete屬性，它不工作。請檢查代碼，並讓我知道是否有任何錯誤。或者任何其他方式來實現的要求。HTML表單中的自動完成屬性不起作用
<form method="post" action="demo1.php" autocomplete="on">
<link rel="stylesheet" href="contact_css.css">
<!--Create a table -->
<table>
<tr><td><b>Contact Information</b></td>
</tr>
<tr>
<div class="leftside">
<td>ContactID</td>
\t <td><input type="text" name="ContactID" autocomplete="ContactID"></td>
</div>
\t <div class="rightside">
\t <td>ContactOwner</td>
\t <!-- <td><input type="text" name="ContactOwner"></td>-->
\t <td><select name="ContactOwner">
<option value="None">None</option>
<option value="Malik">Malik</option>
<option value="Manish">Manish</option>
<option value="Ankit">Ankit</option>
<option value="Vikrant">Vikrant</option>
</select></td>
\t </div>
\t <tr>
\t <div class="rightside">
\t <td>LeadSource</td>
\t <td><select name="LeadSource">
<option value="None">None</option>
<option value="Advertisement">Advertisement</option>
<option value="ColdCall">ColdCall</option>
<option value="EmployeeReferral">EmployeeReferral</option>
<option value="ExternalReferral">ExternalReferral</option>
<option value="OnlineStore">OnlineStore</option>
<option value="Partner">Partner</option>
<option value="Web">Web</option>
<option value="TradeShow">TradeShow</option>
</select></td>
\t <!--<td><input type="text" name="LeadSource"></td>-->
\t </div>
<div class="leftside">
\t <td><label for="First_name">First_name</td>
\t <td><input type="text" id="First_name" name="First_name" autocomplete="First_name"></td>
</div>
</tr>
<tr>
<div class="rightside">
\t <td>Middle_name</td>
\t <td><input type="text" name="Middle_name" autocomplete="Middle_name"></td>
</div>
<td>Last_name</td>
<td><input type="text" name="Last_name" autocomplete="Last_name"></td>
\t </tr>
\t <tr>
\t <td>AccountName</td>
\t <td><input type="text" name="AccountName"></td>
\t <td>EmailID</td>
\t <td><input type="text" name="EmailID"></td>
\t </tr>
\t <tr>
\t <td>Department</td>
\t <td><input type="text" name="Department"></td>
\t <td>Phone</td>
\t <td><input type="text" name="Phone"></td>
</tr>
<tr>
\t <td>Mobile</td>
\t <td><input type="number" name="Mobile"></td>
\t <td>Fax</td>
\t <td><input type="number" name="Fax"></td>
</tr>
<tr>
\t <td>DOB</td>
\t <td><input type="date" name="DOB"></td>
\t <td>Assistant</td>
\t <td><input type="text" name="Assistant"></td>
</tr>
<tr>
\t <td>AsstPhone</td>
\t <td><input type="number" name="AsstPhone"></td>
\t <td>ReportsTo</td>
\t <td><input type="text" name="ReportsTo"></td>
</tr>
<tr>
\t <td>LinkedIn</td>
\t <td><input type="text" name="LinkedIn"></td>
\t <td>CallStatus</td>
\t <td><select name="CallStatus">
<option value="None">None</option>
<option value="AnsweringMachine">AnsweringMachine</option>
<option value="Callback">Callback</option>
<option value="NotInterested">NotInterested</option>
<option value="Prospect">Prospect</option>
<option value="WrongContact">WrongContact</option>
<option value="PerformedInternally">PerformedInternally</option>
<option value="LessThan30Employee">LessThan30Employee</option>
</select></td>
</tr>
\t </table>
\t
<!-- Second table-->
<table>
<tr><td><b>Address Information</b></td>
</tr>
<tr>
<div class="leftside">
<td>Street</td>
\t <td><input type="text" name="Street"></td>
</div>
\t <div class="rightside">
\t <td>OtherStreet</td>
\t <td><input type="text" name="OtherStreet"></td>
\t </div>
</tr>
<tr>
<div class="leftside">
\t <td>City</td>
\t <td><input type="text" name="City"></td>
</div>
<div class="rightside">
\t <td>State</td>
\t <td><input type="text" name="State"></td>
</div>
</tr>
<tr>
\t <td>Zip</td>
\t <td><input type="text" name="Zip"></td>
\t <td>Country</td>
\t <td><input type="text" name="Country"></td>
</tr>
</table>
<!--Third table-->
\t <table>
<tr><td><b>Description Information</b></td>
</tr>
<tr>
<td>Description</td>
\t <td><input type="text" name="Description" class="Description"></td>
\t </table>
\t <button type="button">Cancel</button>
\t <!-- <button type="submit">Save and New</button>-->
\t <button type="submit">Save</button>
\t
\t </form>
</body>
輸入autocomplete屬性有值'上| off' – ArtOsi
的HTML自動完成是互聯網瀏覽器，據我所知，（所以它會自動完成它知道的值，例如用戶名和爲網站保存的密碼）。使用PHP代碼來「強制」數值。例如你有手機號碼，可以說你想自動完成它，所以只要寫$ > $ – Janno
請閱讀此處的自動完成部分：https：//developer.mozilla.org/en-US/docs/Web/HTML/Element/input。它說「允許瀏覽器根據用戶在以前的使用中輸入的值自動完成數值」。這意味着瀏覽器自己的緩存了該機器上的用戶以前輸入過的內容，並且並不總是進入您的網站。我不知道你認爲這與從數據庫獲取數據有什麼關係？爲此，您需要一個服務器端數據庫和一個PHP腳本來查詢數據庫並將數據返回到網頁。 – ADyson