html5表单制作

admin 31 0

HTML5表单制作相对简单,以下是一个基本的HTML5表单的例子:

<!DOCTYPE html>
<html>
<head>
    <title>HTML5表单</title>
</head>
<body>
    <form action="/submit_form" method="post">
        <label for="fname">名字:</label><br>
        <input type="text" id="fname" name="fname"><br>
        <label for="lname">姓氏:</label><br>
        <input type="text" id="lname" name="lname"><br>
        <label for="email">电子邮件:</label><br>
        <input type="email" id="email" name="email"><br>
        <label for="pwd">密码:</label><br>
        <input type="password" id="pwd" name="pwd"><br>
        <input type="submit" value="提交">
    </form> 
</body>
</html>

这个表单包含四个输入字段:名字、姓氏、电子邮件和密码,用户可以在这些字段中输入信息,然后点击“提交”按钮来提交表单,表单的`action`属性定义了当用户提交表单时,数据应该发送到的URL,`method`属性定义了发送数据的方式(在这个例子中,我们使用的是POST方法)。

HTML5引入了一些新的表单输入类型,例如日期和颜色选择器,这些类型在上面的例子中并未使用,但你可以根据需要添加它们,如果你想添加一个日期选择器,你可以使用`type="date"`的输入字段。