发布时间:2025-12-10 13:15:56 浏览次数:12
在编写网页时,登入界面是必须要有的部分。HTML5对表单标签作了重大改进,使得开发者可以更加轻松地编写网页表单。下面是一个关于HTML5的登入界面代码实例:
<form action="login.php" method="post"><fieldset><legend>登入</legend><label for="username">用户名:</label><input type="text" name="username" required><br><label for="password">密码:</label><input type="password" name="password" required><br><input type="submit" value="登入"></fieldset></form>
fieldset标签定义了一个表单域集合。legend标签定义了这个表单域集合的标题,这里是“登入”。
label标签定义了表单元素的标签,用于描述表单元素的名称或说明。for属性指定了该标签所描述的表单元素的id属性值。这里有两个label标签,分别描述了用户名和密码的输入框,它们的id属性分别是“username”和“password”。
input标签表示用于表单的一般输入控件。type属性指定了输入框的类型,这里分别是文本框和密码框。name属性指定了输入框的名称,这里是“username”和“password”。required属性指定了该输入框是否必须填写,如果没有填写,表单就无法提交。
最后是一个submit类型的input标签,它的value属性是登入按钮的名称。当用户点击登入按钮时,表单将会被提交到目标地址。