响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-10 autocomplete属性

代码

doctype html>
<html>
<head>
<meta charset="utf-8">
<title>autocomplete属性title>
head>

<body>
    <form ation="#" method="post" name="search" autocomplete="on">
        <input name="save" />
        <button>提交按钮button>
    form>
body>
html>

运行效果响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-10 autocomplete属性_第1张图片

首先输入“autocomplete属性”,单击“提交按钮”,再输入“abc”,单击“提交按钮”,多次输入“a”时将会出现如下页面效果。
响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-10 autocomplete属性_第2张图片
autocoplete属性(on:表单有自动完成功能;off:表单无自动完成功能)用于指定表单是否具有自动完成功能,所谓“自动完成”是指将表单控件输入的内容记录下来。当再次输入时,输入的历史纪录将会显示在一个下拉列表单里,以实现自动完成输入。

你可能感兴趣的:(前端,html5,css3)