autocomplete 属性在html <input autocomplete="on|off">中的使用

AutoComplete Screenshot

 

这个所谓的自动完成指的是当用户曾经使用过的字符提交[submit]过,保存在浏览器cookie里面的用户使用痕迹。和AJAX里的全文检索Autocomplete是另外一回事。

1. 有时候我们并不需要AutoComplete,例如需要用户自己再次输入而非自动完成。只要将所在表单元素的autocomplete属性设置为off即可。

<form action="form_action.asp">
名字:<input type="text" name="FirstName" value="" autocomplete="off" /><br />
姓氏:<input type="text" name="LastName" value="" autocomplete="on" /><br />
<input type="password" naem="pass"
autocomplete="on" /> 在html5中实验过没有起作用 但为了安全起见最好不要加这个。
<input type="submit" value="提交" />
</form>

2. 如果整个表单元素都不使用autocomplete功能的话,做如下设置就可以了.
<form autocomplete="off">
除了<input>还有<textarea>也有这个属性。

如果想了解更多可以参考:http://msdn.microsoft.com/en-us/library/ms533032(VS.85).aspx#security

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
这段代码已经实现了记事本的添加和删除功能,但是没有提供查看和修改功能。如果需要实现查看和修改功能,可以考虑在每个任务项上添加一个编辑按钮,点击编辑按钮后将任务项的内容显示在输入框,用户可以修改后保存。以下是修改后的代码: ``` <section id="todoapp"> <header class="header"> <h1><a href="table.html">小小记事本</a></h1> <input v-model="inputValue" @keyup.enter="add" autofocus="autofocus" autocomplete="off" placeholder="请输入任务" class="new-todo"></input> </header> <section class="main"> <ul class="todo-list"> <li class="todo" v-for="(item,index) in list"> <div class="view"> <span class="index">{{ index+1 }}.</span> <label v-if="!item.editing">{{ item.content }}</label> <input v-else v-model="item.content" @keyup.enter="save(index)" @blur="save(index)" class="edit"> <button class="edit-button" @click="edit(index)" v-if="!item.editing">编辑</button> <button class="save-button" @click="save(index)" v-if="item.editing">保存</button> <button class="destroy" @click="remove(index)"></button> </div> </li> </ul> </section> <footer class="footer" v-show="list.length!==0"> <span class="todo-count" v-if="list.length!==0"> <strong>{{ list.length }}</strong> items left </span> <button v-show="list.length!==0" class="clear-completed" @click="clear"> Clear </button> </footer> </section> ``` 在每个任务项上添加了一个编辑按钮和一个保存按钮,初始状态下只显示编辑按钮,当用户点击编辑按钮后,任务项的内容会变成一个输入框,同时编辑按钮隐藏,保存按钮显示。当用户修改内容后,可以按回车键或者点击保存按钮保存修改后的任务项内容。同时,也可以在输入框外点击,使输入框消失并保存修改后的内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值