autocomplete

表格 table （会使用） 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <table> <tr> <td> </td> </tr> </table> 注意： tr标签只能放td标签，td标签可以放其他元素 表格属性 属性名 含义 常用属性值 border 设置表格的边框（默认border=”0”无边框） 像素值 cellspacing 设置单元格与单元格之间的空白间距 像素值（默认为2像素） cellpadding 设置单元格内容与单元格边框之间的空白距离 像素值（默认为1像素） width 设置表格的宽度 像素值 height 设置表格的高度 像素值 align 设置表格在网页中的水平对齐方式 left、right、center 表头标签 表头一般位于表格的第一行或第一列，其文本加粗居中 表格结构 表格可以划分为表头和主体，所以有 <thead></thead> 标签和 <tbody></tbody> 表格标题标签 caption <table> <caption>标题</caption> </table> 合并单元格 跨行合并：rowspan 跨列合并

Mozilla官方文档建议的是 直接使用 autocomplete = ‘off’ 即可禁止输入框从浏览器cache获取数据，博主以前使用这个也就足够兼容浏览器了。 现在发现，却在chrome、firfox上有兼容性 无法解决。 后来查阅相关资料得到以下解决方法： 1：可以设置一个默认的input用来接收浏览器的默认填充，并且设置css为dispaly：none 形如： <input type = 'text' style='display:none'> 这样既不会影响用户的体验，也可以兼容所有的浏览器，但经过测试却发现，在chrome上不起作用，在firefox上也只能对type != password的 输入框起作用。 2：autocomplete = 'new-password' <input type='text' > <input type='password' autocomplete='new-password' > 使用上诉代码，在chrome上既可生效，用户名与密码都不会自动填充，但是firefox上任然会自动填充用户名 3：结合上诉两个情况 <input type='text' style='display:none'> <!-- 针对firefox --> 用户名：<input type='text' autocomplete='off'> 密码：<input

emali：电子邮箱文本框，跟普通的没什么区别 　　- 当输入不是邮箱的时候，验证通不过 　　-移动端的键盘会有变化 <form> 　　<input type="email"> 　　<input type="submit"> </form> tel：电话号码 　　 tel的功能主要在移动端，一个键盘的切换 url：网页的URL <form> 　　<input type="url"> 　　<input type="submit"> </form> search：搜索引擎 　　----charome下输入文字后，会多出一个关闭的X <form> 　　<input type="search"> 　　<input type="submit"> </form> range：特定范围内的数值选择器 　　　-min、max、step(步数) 　　　-例子：用JS来显示当前数值 <form> 　　<input type="range" step="2" min="0" max="10" value="2"> 　　<input type="submit"> </form> number：只包含数字的输入框 <form> 　　<input type="numberl"> 　　<input type="submit"> </form> color：颜色选择器 <form> 　　<input type=

欢迎光临 你好 我是阿ken 文章目录 7.1_认识表单 7.1.1_表单的构成 7.1.2_创建表单 ( < form> 标记 ) 7.2_表单属性 1. action 属性 2. method 属性 3. name 属性 4. autocomplete 属性 5. novalidate 属性 7.3_input 元素及属性 7.3.1_input 元素的 type 属性 (1) 单行文本输入框 < input type="text"/> (2) 密码输入框 < input type="password"/> (3) 单选按钮 < input type="radio"/> (4) 复选框 < input type="checkbox"/> (5) 普通按钮 < input type="button"/> (6) 提交按钮 < input type="submit"/> (7) 重置按钮 < input type="reset" /> (8) 图像形式的提交按钮 < input type= "image" /> (9) 隐藏域 < input type=" hidden" /> ? (10) 文件域 < input type="file" /> (11) email 类型 < input type="email" /> (12) url 类型 < input type="url"