用html制作表单，用户名登陆和密码里面包括用户名、密码、再次输入密码，2姓名和联系方式里面包括真实姓名、电子邮箱、固定电话、公司所在地、街道地址、传真号码、手机号码

创建一个包含详细信息的HTML表单，例如登录部分和详细的个人及公司信息，可以按以下步骤进行： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>详细信息表单</title> </head> <body> <h2>登录信息</h2> <form action="login_handler.php" method="post">  <label for="username">用户名:</label><br> <input type="text" id="username" name="username" required><br> <label for="password">密码:</label><br> <input type="password" id="password" name="password" required><br> <label for="confirm_password">确认密码:</label><br> <input type="password" id="confirm_password" name="confirm_password" required><br> <input type="submit" value="登录"> </form> <hr> <h2>个人及公司信息</h2> <form> <label for="realname">真实姓名:</label><br> <input type="text" id="realname" name="realname" required><br> <label for="email">电子邮箱:</label><br> <input type="email" id="email" name="email" required><br> <label for="phone_fixed">固定电话:</label><br> <input type="tel" id="phone_fixed" name="phone_fixed" pattern="[0-9]{3}-[0-9]{4}" required><br> <label for="company_location">公司所在地:</label><br> <input type="text" id="company_location" name="company_location" required><br> <label for="address">街道地址:</label><br> <input type="text" id="address" name="address" required><br> <label for="fax">传真号码:</label><br> <input type="tel" id="fax" name="fax" pattern="[0-9]{3}-[0-9]{4} (ext. [0-9]+)?"><br> <label for="mobile_phone">手机号码:</label><br> <input type="tel" id="mobile_phone" name="mobile_phone" pattern="[0-9]{11}" required><br> <input type="submit" value="提交"> </form> </body> </html> ``` 这里我们添加了一个额外的密码确认输入框(`confirm_password`)，并使用了正则表达式对特定类型的输入进行了验证。

阅读全文

用html制作表单，用户名登陆和密码里面包括用户名、密码、再次输入密码，2姓名和联系方式里面包括真实姓名、电子邮箱、固定电话、公司所在地、街道地址、传真号码、手机号码

最新推荐

PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】

防止浏览器记住用户名及密码的简单实用方法

JavaWeb使用Cookie模拟实现自动登录功能(不需用户名和密码)

html5超简单的localStorage实现记住密码的功能实现

JS实现表单中点击小眼睛显示隐藏密码框中的密码

黑板风格计算机毕业答辩PPT模板下载

管理建模和仿真的文件

提升点阵式液晶显示屏效率技术

在SoC芯片的射频测试中，ATE设备通常如何执行系统级测试以保证芯片量产的质量和性能一致？

CodeSandbox实现ListView快速创建指南