html表单中的自动完成属性不起作用

Question

我希望在我的html表单中有一个更新选项，用户输入First_name，然后所有字段都应使用mysql表中的相应值自动填充。 我试图在几个字段中使用自动完成属性，但它无法正常工作。请检查代码并告诉我是否有任何错误。或者任何其他方式来实现该要求。

 <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> <td><input type="text" name="ContactID" autocomplete="ContactID"></td> </div> <div class="rightside"> <td>ContactOwner</td> <!-- <td><input type="text" name="ContactOwner"></td>--> <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> </div> <tr> <div class="rightside"> <td>LeadSource</td> <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> <!--<td><input type="text" name="LeadSource"></td>--> </div> <div class="leftside"> <td><label for="First_name">First_name</td> <td><input type="text" id="First_name" name="First_name" autocomplete="First_name"></td> </div> </tr> <tr> <div class="rightside"> <td>Middle_name</td> <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> </tr> <tr> <td>AccountName</td> <td><input type="text" name="AccountName"></td> <td>EmailID</td> <td><input type="text" name="EmailID"></td> </tr> <tr> <td>Department</td> <td><input type="text" name="Department"></td> <td>Phone</td> <td><input type="text" name="Phone"></td> </tr> <tr> <td>Mobile</td> <td><input type="number" name="Mobile"></td> <td>Fax</td> <td><input type="number" name="Fax"></td> </tr> <tr> <td>DOB</td> <td><input type="date" name="DOB"></td> <td>Assistant</td> <td><input type="text" name="Assistant"></td> </tr> <tr> <td>AsstPhone</td> <td><input type="number" name="AsstPhone"></td> <td>ReportsTo</td> <td><input type="text" name="ReportsTo"></td> </tr> <tr> <td>LinkedIn</td> <td><input type="text" name="LinkedIn"></td> <td>CallStatus</td> <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> </table> <!-- Second table--> <table> <tr><td><b>Address Information</b></td> </tr> <tr> <div class="leftside"> <td>Street</td> <td><input type="text" name="Street"></td> </div> <div class="rightside"> <td>OtherStreet</td> <td><input type="text" name="OtherStreet"></td> </div> </tr> <tr> <div class="leftside"> <td>City</td> <td><input type="text" name="City"></td> </div> <div class="rightside"> <td>State</td> <td><input type="text" name="State"></td> </div> </tr> <tr> <td>Zip</td> <td><input type="text" name="Zip"></td> <td>Country</td> <td><input type="text" name="Country"></td> </tr> </table> <!--Third table--> <table> <tr><td><b>Description Information</b></td> </tr> <tr> <td>Description</td> <td><input type="text" name="Description" class="Description"></td> </table> <button type="button">Cancel</button> <!-- <button type="submit">Save and New</button>--> <button type="submit">Save</button> </form> </body> 

Answer 1

这不是autocomplete属性的工作方式。

定义和用法

autocomplete属性指定输入字段是否应启用自动完成。

自动填充允许浏览器预测值。 当用户开始键入字段时，浏览器应根据先前键入的值显示填充字段的选项。

注意：自动完成属性适用于以下类型：文本，搜索，网址，电话，电子邮件，密码，日期选择器，范围和颜色。

句法

<input autocomplete="on|off">

此属性只能打开或关闭值

有关更多详细信息，请参阅w3schools文档

如果要在这些字段中设置默认值，可以在value属性中设置默认值，或者使用DEFAULT值设计数据库。

因此，您可以将<input type="text" name="ContactID" autocomplete="ContactID">更改为<input type="text" name="ContactID" value="ContactID">