HTML5是当前最新的HTML标准,它的智能表单功能提供了更好的用户体验。智能表单可以根据用户输入自动验证数据、自动提示输入内容、自动填充表单、自动调用本地设备等功能。下面是一个HTML5智能表单的示例代码:
<form><label>姓名:</label><input type="text" name="name" required>
<label>邮箱:</label><input type="email" name="email" autocomplete="on">
<label>密码:</label><input type="password" name="password">
<label>生日:</label><input type="date" name="birthday">
<label>性别:</label><input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女
<label>国籍:</label><select name="country"><option value="">请选择</option><option value="China">中国</option><option value="USA">美国</option><option value="UK">英国</option></select>
<label>附件:</label><input type="file" name="attachment">
<button type="submit">提交</button></form>
上面的代码中使用了HTML5提供的各种表单元素。其中,name属性是必需的,用于标识表单元素,其他元素会以该属性值作为键名,发送到服务端。required属性表示该表单元素必填,浏览器会在提交前自动验证。autocomplete属性用于自动填充表单,可以设置为on、off、name等值。type属性可以设置为text、email、password、date、radio、select、file等,分别对应不同的输入类型。button元素用于提交表单,也可以使用input元素的type属性设置为submit。